JS实现移动端判断上拉和下滑功能

前端之家收集整理的这篇文章主要介绍了JS实现移动端判断上拉和下滑功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

一、手指触屏,利用touchstart和touchend计算前后滑动距离,判断是上拉还是下滑。

二、js中距离:pageY、clientY、offsetY的区别:

offsetY:相对于父节点的偏移距离。

clientY:相对于浏览器,滚轮距离不算在内。

pageY:相对于浏览器,滚轮滚动的距离算在内;本例中,用pageY,触屏时记录位置-startY,结束时记录-endY,两个相减以正负判断是上移还是下滑。

三、touchstart有touches属性,touchend有changedTouches属性,两个属性中分别有pageY、pageX信息。

default: } },false); </pre>

四、

0) {//向上滑动 result=1; }else if(dy<0){//向下滑动 result=2; } else { result=0; } return result; }

总结

以上所述是小编给大家介绍的JS实现移动端判断上拉和下滑功能。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/js/37327.html

猜你在找的JavaScript相关文章