用于移动设备的 Html5 - 滑动滚动

Posted 2023-03-14

【中文标题】用于移动设备的 Html5 - 滑动滚动

【英文标题】：Html5 for mobile - swipe scrolling

【发布时间】：2012-06-20 08:51:23

【问题描述】：

我正在开发一些 html5 屏幕，这些屏幕将嵌入本地移动应用程序（适用于 ios 和 android）。

我显然不想在这里重新发明东西，而是想在 javascript 方面使用一个稳定的框架。 我尝试使用 JQuery Mobile，但它超出了我的需要，而且它们有点强迫你按照他们的方式做事。

我所需要的只是拥有一个可以通过滑动（没有可见的滚动条）来（垂直）滚动的元素，但是我找不到如何使用 JQM 轻松完成（没有它们的所有小部件、主题和默认值） )。

我也尝试了jGestures，但它根本不起作用。

任何想法最好的方法是什么？ 谢谢。

更新

我发现这个 jquery 插件可以满足我的需要：https://github.com/ifightcrime/touch-scroll

【参考方案1】：

您可以使用-webkit-overflow-scrolling: touch;，它使用手机内置的本机惯性滚动。效果很好。有一个滚动条，但我相信一些巧妙的定位可以解决这个问题。

更多信息在这里：http://johan***.com/browsers/native-momentum-scrolling-ios-5/ 在这里：http://fioravengi.blogspot.co.uk/2011/06/implications-of-ios-5-webkit-overflow.html

希望有帮助:)

编辑：抱歉，刚刚意识到您需要它才能在 android 上工作。我怀疑这样做。对于 iOS，虽然这是一种享受。所以，半个答案！

【讨论】：

谢谢，我会进一步检查，我根本不知道这一点。我还在问题中添加了ios 和android 标签以使事情更清楚。

仅供参考，动量滚动适用于 android 3+，但没有用于打开/关闭它的 -webkit 样式属性。