h5 手指向下滑动执行函数方法
1、处理用户滑动的事件主要用到:touchstart、touchend、touchmove。
touchstart:当用户在触摸平面上放置了一个触点时触发。事件的目标 element 将是触点位置上的那个目标 element
touchend:当一个触点被用户从触摸平面上移除(当用户将一个手指离开触摸平面)时触发。当触点移出触摸平面的边界时也将触发。例如用户将手指划出屏幕边缘。
touchmove:当用户在触摸平面上移动触点时触发。事件的目标 element 和这个 touchmove 事件对应的 touchstart 事件的目标 element 相同,哪怕当 touchmove 事件触发时,触点已经移出了该 element 。
2、判断用户向下滑动,即手指在 y 轴上下移动,并且方向是从上到下,那么此时可以根据最开始 touchstart 出现的点, 到 touchend 点的 y 轴的距离,判断移动了多少。可以使用 e.touches[0].pageY 获取对应的值。
如果你是用的 jquery,此时可以让页面相应的移动,$(dom).stop().animate({ top: 距离 }, 1000)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:80
阅读量:39
阅读量:83
阅读量:24
阅读量:33