移动设备的Html5 - 滑动滚动

时间:2012-06-20 08:51:24

标签: javascript android ios html5 mobile

我正在开发一些html5屏幕,这些屏幕将嵌入到原生移动应用程序中(适用于ios和android)。

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

所有我需要的是有一个可以通过滑动(没有可见的滚动条)(垂直)滚动的元素,但我无法轻易找到如何使用JQM(没有所有的小部件,主题和默认值) )。

我也试过jGestures但它根本不起作用。

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

更新

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

1 个答案:

答案 0 :(得分:3)

您可以使用-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虽然这是一种享受。所以,半个答案!