微信小程序除了首次加载页面正常，后面都是上移了

Question

微信小程序启动体验版后，首次加载页面正常显示，后续启动时，页面都上移了30多rpx。其中启用了自定义导航栏。

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

问题分析

根据你的描述，微信小程序首次加载页面正常，但后续启动时页面都上移了30多rpx。考虑到启用了自定义导航栏，可能与导航栏的样式或布局有关。

解决方案

1. 检查导航栏的样式 检查自定义导航栏的样式是否正确，特别是高度和位置相关的样式。
2. 检查页面的布局 检查页面的布局是否正确，特别是是否有元素覆盖了导航栏。
3. 检查小程序的版本 检查微信小程序的版本是否最新，是否有相关的 bug 或问题。
4. 尝试重置导航栏 尝试重置导航栏的样式或布局，例如将导航栏的高度设置为 0，然后再设置为正常高度。

核心代码

// 重置导航栏样式
wx.getSystemInfo({
  success: function(res) {
    var statusBarHeight = res.statusBarHeight;
    var navigationBarHeight = 44; // 导航栏高度
    var top = statusBarHeight + navigationBarHeight;
    // 重置导航栏样式
    wx.setNavigationBarStyle({
      backgroundColor: '#ffffff',
      titleBarStyle: {
        backgroundColor: '#ffffff',
        borderStyle: 'black'
      },
      titleBarHeight: top
    });
  }
});

注意 上述代码仅供参考，具体的解决方案可能需要根据实际情况进行调整。