滑动卡顿
微信小程序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
})
}
}
这样设置后,滑动就不会卡顿了