当前位置:Gxlcms > JavaScript > JS在移动端实现上拉下滑的功能介绍

JS在移动端实现上拉下滑的功能介绍

时间:2021-07-01 10:21:17 帮助过:7人阅读

通过手指触屏,利用touchstart和touchend计算前后滑动距离,判断是上拉还是下滑。接下来通过实例代码给大家介绍js移动端判断上拉和下滑功能,感兴趣的朋友一起看看吧

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

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

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

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

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

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

四、

以上就是JS在移动端实现上拉下滑的功能介绍的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行