微信网页中,首页列表用手势处理 上拉下拉分页
最开始网页会随着手势的滑动,整个网页滑动,导致分页列表效果不是很好,体验效果很差;
解决方案是:最外层禁止 ontouchmove事件,但问题又来了,内层事件超出容器 不能调用
css属性 overflow:scroll 事件,请问有好的解决方案,或者好的思路,谢谢。
touchstart
事件,记录其初始位置的值,e.touches[0].pageY
;touchmove
事件,记录并计算当前滑动的位置值与初始位置值的差值,大于0
表示向下拉动,设置最大值touchend
事件,若此时元素滑动达到最大值,则触发callback
,同时将重设为初始值设为0
都用手势是可以解决滑动问题,但我有些地方不需要用滑动,直接用原生的滚动