在 iPhone 上的同一 HTML 元素上滑动和平移手势

Posted 2023-03-14

【中文标题】在 iPhone 上的同一 HTML 元素上滑动和平移手势

【英文标题】：Swiping and Panning Gestures on the same HTML element on a iPhone

【发布时间】：2012-01-12 04:19:56

【问题描述】：

我在网页上使用了 Ryan Scherf 的 jQuery swipe 插件的略微修改版本，以使 UL 中的 LI 元素可滑动。当我在 iPhone 中查看此页面时，我注意到在 LI 元素内部进行滑动时，我无法再通过平移来向上或向下移动页面。似乎通过向 LI 添加事件侦听器，我禁用了默认侦听器。这是我第一次尝试在 iPhone 上实现触摸手势，所以我不确定如何支持平移。

Apple 文档 (http://developer.apple.com/library/ios/#documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html) 讨论了平移如何生成 onscroll 事件，但我不是确定我是否可以使用它。

我这里有代码供任何人检查。 http://jsfiddle.net/tangst/drnSp/

感谢您提供的任何指导。

【参考方案1】：

好的，在 touchMove 上设置 event.preventDefault() 将取消默认平移行为。我更新了 jsfiddle。