微信小程序scroll-view滑动卡顿，下滑时向上滑动失效

滑动卡顿

微信小程序scroll-view组件在滑动时频繁卡顿，向下滑动时，向上滑动无效，无法停止。小程序向下滑动惯性卡顿。

解决方案

scroll-view开启了enable-fresh。判断当前scroll位置，如果不在第一页则关闭enable-refresh，在第一也才开启。

代码实现

wxml文件

<scroll-view  scroll-y="true" class="scroll" bindscroll="scroll"
 refresher-enabled="{{enablerefresh}}" bindrefresherrefresh="refresh">
scroll-view>

重点是

 refresher-enabled="{{enablerefresh}}" 

js文件

  scroll(res) {
    // console.log(res.detail.scrollTop)
    //如果距顶部小于10，则允许下拉刷新
    if (res.detail.scrollTop < 10) {
      this.setData({
        enablerefresh: true
      })
    }
  }

这样设置后，滑动就不会卡顿了