首页 新闻 会员 周边 捐助

微信网页手势滑动事件

0
悬赏园豆:100 [已解决问题] 解决于 2018-07-26 08:07

           微信网页中,首页列表用手势处理 上拉下拉分页

 

最开始网页会随着手势的滑动,整个网页滑动,导致分页列表效果不是很好,体验效果很差;

解决方案是:最外层禁止 ontouchmove事件,但问题又来了,内层事件超出容器 不能调用

css属性 overflow:scroll 事件,请问有好的解决方案,或者好的思路,谢谢。

唯我独萌的主页 唯我独萌 | 小虾三级 | 园豆:537
提问于:2018-07-20 09:03
< >
分享
最佳答案
0
  • 监听原生touchstart事件,记录其初始位置的值,e.touches[0].pageY
  • 监听原生touchmove事件,记录并计算当前滑动的位置值与初始位置值的差值,大于0表示向下拉动,设置最大值
  • 监听原生touchend事件,若此时元素滑动达到最大值,则触发callback,同时将重设为初始值设为0
  • https://www.cnblogs.com/fps2tao/p/9153909.html(具体可以看这篇博文,希望对你有帮助)
收获园豆:100
vesnawsx | 菜鸟二级 |园豆:302 | 2018-07-20 11:28

都用手势是可以解决滑动问题,但我有些地方不需要用滑动,直接用原生的滚动

唯我独萌 | 园豆:537 (小虾三级) | 2018-07-24 08:34
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册