解决小程序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 版权协议,转载请附上原文出处链接和本声明。
THE END
< <上一篇
下一篇>>