解决小程序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.startYvar end = e.changedTouches[0].pageYvar distance = start-endif(distance>100){console.log("大于100")this.onReachBottom()}}

然后就可以丝滑的滑动了~

解决小程序onReachBottom在同屏只能触发一次的问题相关推荐

解决小程序canvas高清屏模糊问题
原因因为 canvas 不是矢量图,而是像图片一样属于位图.高 dpi 显示设备意味着每平方英寸有更多的像素,比如说二倍屏,手机就会以2个像素点的宽度来渲染一个像素,该 canvas 在屏幕中相当于 ...
uniapp 判断页面是否是横竖屏,解决微信小程序video组件全屏播放视频遮盖自定义播放控件问题
如果res.deviceOrientation 等于landscape 的话是竖屏,portrait则是横屏.因为用户每旋转一次屏幕就会触发里面的onShow钩子,因此在页面显示或横竖屏变化都会触发这 ...
小程序 onReachBottom 事件快速滑动时不触发的bug
一般在列表页面会先加载一定数量的数据触发上拉加载这个动作的时候再陆续加载数据假如上拉一次加载10条数据在小程序中你快速滑动页面触发加载这个事件的话你会发现小程序卡着不动了刚开始以为数据加 ...
小程序swiper切换闪屏问题
小程序swiper滑动闪屏问题在小程序开发过程中使用swiper做轮播图,发现当用户切换图片过快时会出现异常的闪屏现象,官方文档中描述了这个Bug & Tip: 在电脑上测试的时候没有问题 ...
小程序背景图满屏_手机秒变闪屏弹幕，撩妹小程序，赶快来学！
想表白说不出口怎么办? 碰到心仪的小姐姐想要她的微信,说不出口怎么办? 去机场接机,还需要准备个手写牌? 演唱会上,少了LED灯牌?-- 这些都不是问题,只要你有一把智能手机! 小姐姐发现的这款『闪屏 ...
微信小程序手势图案锁屏、解锁实现并提供onSuccess等回调
摘要:本文给出了一个小程序手势图案锁屏.解锁实现方案,该方案具有重绘少.屏幕闪烁少,使用简单等优点,并增加了onTouchEnd和onSuccess回调,方便大家进行代码扩展,比如可以在onSucce ...
微信小程序开发之全屏显示
在开发微信小程序的时候,我们会遇到各种坑,但是,这个东东是中国人做的,so...会有很多解决方案来填坑,今天就来填个小程序开发组件全屏的坑. 问题我的小程序只有一个地图,如下代码,但他不是全屏的, ...
【无标题】uniapp中页面跳转白屏微信小程序跳转白屏
微信小程序tab切换白屏这几个图标切换会出现短暂的白屏解决方法如下组件引入 1.先在common 下建立一个文件夹mixin 下 lodaingPlus.vue 组件 <template&g ...
完美解决小程序一维数组循环渲染列表不够用问题
完美解决小程序一维数组循环渲染列表不够用问题参考文章: (1)完美解决小程序一维数组循环渲染列表不够用问题 (2)https://www.cnblogs.com/jessical626/p/6363 ...

解决小程序onReachBottom在同屏只能触发一次的问题

解决小程序onReachBottom在同屏只能触发一次的问题相关推荐

最新文章

热门文章