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;'>
异常情况
正常情况