在android的蜂窝webview / webkit中实现水平/垂直手指滑动滚动?

我打算实施基于WebView的Honeycomb平板电脑应用程序(所以,基本上这将是一个仅针对平板电脑的 基于HTML5的基于Web的应用程序 )。

我正在寻找实施水平和垂直滚动手指滑动。 为了更好地理解,我创build了示例大纲

通过轻扫进行水平滚动


此图像显示类似于Honeycomb的本机设置活动,左右页面可垂直滚动 通过滑动垂直滚动

任何types的指南或资源是受欢迎的。 谢谢

Solutions Collecting From Web of "在android的蜂窝webview / webkit中实现水平/垂直手指滑动滚动?"

看看iScroll :

iScroll 4是原始iScroll代码的完整重写。 脚本开发的开始是因为移动webkit(在iPhone,iPad,Android上)没有提供固定宽度/高度元素内的滚动内容。 这种不幸的情况,阻止任何networking应用程序有一个position:absolute页眉和/或页脚和一个滚动的中心区域的内容。

虽然最新的Android版本支持这个function(虽然支持不是最佳),但苹果似乎不愿意为div添加一个手指滚动…

这是我迄今为止发现的:

这取决于你想如何实现滚动。 如果你想附加滑动事件,这是使用众所周知的库实现的最简单的方法:

  • jqTouch – 它可以左右滑动左右事件(似乎所有的基于webkit的animation只能在iOS设备上使用)。 请注意,该项目仍处于testing阶段,并不是非常活跃。 编辑:这也是Sencha实验室的一部分 – 谁积极维护Sencha触摸。
  • Sencha Touch – 他们可以更好地支持手机和平板电脑的所有function。 (注意:开源应用程序是免费的,但不适用于商业应用程序 – 编辑:他们实际上有商业许可证。
  • jQueryMobile – 他们是非常稳定的(在RC1截至目前),并有左右滑动事件,但我无法find向上或向下滑动。 如果您只需要向左滑动,请点按,然后按住jQM。 他们有最好的社区支持。
  • RAW JS – 最后,如果您想要某些原始javascript,请访问HTML5Rocks文章,以更好地深入了解touch事件的工作原理。

我希望它有帮助。 我仍然努力实现向上滚动,因为我不想等待滑动结束,而是尝试实现即时滚动反馈,使用RAW JS坐标变得非常接近,但是并不令人满意。

从iScroll的创造者, SwipeView似乎是一个不错的专用替代品。 看看演示1和演示2 。

我还没有testing,但我一定会。 由于演示在我的iPad上performance良好。

你可能会发现这个库非常有用: https : //github.com/cubiq/2-way-iScroll

它处理垂直滚动和水平滑动的情况。