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

Html5 for mobile - swipe scrolling

本文关键字:滚动 Html5 移动 适用于      更新时间:2023-09-26

我正在开发一些html5屏幕,这些屏幕将嵌入到本机移动应用程序(适用于iOS和Android)中。

我显然不想在这里重新发明东西,并希望在javascript方面使用一个稳定的框架。
我尝试使用JQuery Mobile,但它比我需要的要多得多,而且他们强迫你按照自己的方式做事。

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

我也尝试了jGestures,但它根本没有工作。

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

更新

我找到了这个jquery插件,它可以满足我的需要:https://github.com/ifightcrime/touch-scroll

您可以使用

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

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

希望对:)有所帮助

编辑:抱歉,刚刚意识到您需要它在Android上运行。我对此表示怀疑。对于 iOS,虽然这是一种享受。所以,半个答案!