异常处理——scroll-view滚动时遮挡其他组件

WeChat小程序交流(QQ群:769977169

页面组件分为上下两部分,上部分组件是view导航标题,下部分是scroll-view内容组件;scroll-view组件向上滚动时,出现遮挡了导航标题的情况。造成这种情况的原因是,采用自动适配计算scroll-view的高度时,高度计算错误导致的。

onReady: function () {
    var thisBlock = this;
    wx.getSystemInfo({
      success: function(res) {
        console.log(res)
        thisBlock.setData({
          // 错误计算
          // swiperHeight: (res.screenHeight - 40.0)
          
          // 正确计算
          swiperHeight: (res.windowHeight - 40.0)
        })
      },
    })
 },


<scroll-view .... style='height:{{swiperHeight}}px;'>

异常情况


正常情况


猜你喜欢

转载自blog.csdn.net/potato512/article/details/80103483