解决小程序onReachBottom在同屏只能触发一次的问题
小程序onReachBottom在同屏只能触发一次,拉到底之后死活拉不动也加载不了了,所以需要另一个方法来解决,那就是–利用手势判断滑动方向。
<view bindtouchstart="touchStart" bindtouchend="touchEnd">
</view>`
data: {
startY:0,
},
onReachBottom:function(e){
//在这里加载数据或者调用加载数据的方法
},
touchStart:function(e){
this.setData({
startY:e.changedTouches[0].pageY
})
},
touchEnd:function(e){
var start = this.data.startY
var end = e.changedTouches[0].pageY
var distance = start-end
if(distance>100){
console.log("大于100")
this.onReachBottom()
}
}
然后就可以丝滑的滑动了~
版权声明:本文为C2496649361原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。