Jquery Mobile 中的Touch 事件如何获取滑动距离?
我需要制作一个轮播图片,并且支持Touch操作滑动图片进行切换。
请问我如何获得滑动距离?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
我需要制作一个轮播图片,并且支持Touch操作滑动图片进行切换。
请问我如何获得滑动距离?
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(2)
正确答案:
在start中设置 allmovewidth = 0;
在Move事件中 allmovewidth += Math.abs(nextplace - moveplace);
moveplace 为 touch.pageX
nextplace 为 上一次的moveplace,初始为0
allmovewidth 表示了滑动的距离
监听scrollStart 事件,事件触发的时候,记录初始坐标
监听scrollEnd 事件,事件触发的时候,记录结束坐标
计算坐标差即可知道滑动距离了