【微信小程序】解决 竖向组件 “竖向滚动页面出现遮挡”问题

问题图:

【微信小程序】解决 竖向<scroll-view>组件 “竖向滚动页面出现遮挡”问题

问题原因:

  <scroll-view class="scroll-container" upper-threshold="{{sortPanelDist}}"  scroll-y="true" style="height:{{scrollHeight}}px;" bindscrolltolower="bindDownLoad" bindscroll="scroll" bindscrolltoupper="refresh">

style="height:{{scrollHeight}}px;"  属性设置不够,导致出现遮挡。

剖析:首页没有出现这样,在其他tarbar页才出现。

解决:

  onLoad: function (options) {
    var that = this;
    //获取系统的参数,scrollHeight数值,微信必须要设置style:height才能监听滚动事件
    wx.getSystemInfo({
      success: function (res) {
        that.setData({
          scrollHeight: parseInt(res.windowHeight)+200
        })
      }
    });
  },

//给获取的系统高度,再加上200px

完美解决。

【微信小程序】解决 竖向<scroll-view>组件 “竖向滚动页面出现遮挡”问题

上一篇:Android 超高仿微信图片选择器 图片该这么载入


下一篇:Idea使用@Autowired注入mapper接口报红线的问题