首页 新闻 会员 周边

微信网页手势滑动事件

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
清除回答草稿
   您需要登录以后才能回答，未注册用户请先注册。