当前位置:   article > 正文

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

scroll-view遮挡

WeChat小程序交流(QQ群:769977169

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

  1. onReady: function () {
  2. var thisBlock = this;
  3. wx.getSystemInfo({
  4. success: function(res) {
  5. console.log(res)
  6. thisBlock.setData({
  7. // 错误计算
  8. // swiperHeight: (res.screenHeight - 40.0)
  9. // 正确计算
  10. swiperHeight: (res.windowHeight - 40.0)
  11. })
  12. },
  13. })
  14. },


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

异常情况


正常情况


声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/AllinToyou/article/detail/93813
推荐阅读
相关标签
  

闽ICP备14008679号