在 android honeycomb webview/webkit 中实现水平/垂直手指滑动滚动？

Question

我计划实现基于 WebView 的 Honeycomb 平板电脑应用程序（因此，基本上它将是一个仅针对平板电脑制作的基于 HTML5 Web 的应用程序）。

我希望通过滑动手指来实现水平和垂直滚动。为了更好地理解，我创建了示例大纲。

---

此图显示了类似于 Honeycomb 的原生设置 Activity，左右页面可垂直滚动

欢迎任何类型的指南或资源。谢谢

Answer 1

看看 iScroll：

iScroll 4 完全重写了原始iScroll 代码。脚本开发开始是因为移动 webkit（在 iPhone、iPad、Android 上）不提供在固定宽度/高度元素内滚动内容的本机方法。这种不幸的情况导致任何网络应用程序都无法拥有 position:absolute 页眉和/或页脚以及内容的滚动中心区域。

虽然最新的 Android 版本支持此功能（尽管支持不是最佳），但 Apple 似乎不愿意向 div 添加一根手指滚动...

Answer 2

这是我迄今为止发现的内容：

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

• jqTouch - 它具有向左和向右滑动事件，可以挂钩向左或向右滚动（似乎所有基于 webkit 的动画仅适用于 iOS 设备）。 请注意，该项目仍处于测试阶段，并不活跃。编辑：这也是 Sencha Labs 的一部分 - 他们积极维护 Sencha Touch。
• Sencha Touch -他们对移动设备和平板电脑中的几乎所有内容都有更好的支持。 （注意：它对于开源应用程序是免费的，但对于商业应用程序不是免费的 - 编辑：他们实际上拥有商业许可证。有关许可的更多信息，请参阅他们的网站）
• jQueryMobile - 它们非常稳定（目前在 RC1 中） ），并且有左右滑动事件，但我找不到向上或向下滑动。如果您只需要左右滑动、点击、点击按住，然后使用 jQM。他们拥有最好的社区支持。
• RAW JS - 最后，如果您想要一些原始的 javascript，请访问 HTML5Rocks 文章，可以更深入地了解触摸事件的工作原理。

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

Answer 3

Hammer JS 对我很有用：

http://eightmedia.github.io/hammer.js/

Answer 4

对于 iScroll 的创建者来说，SwipeView 似乎是一个不错的专用替代方案。查看 演示 1 和 演示 2。

我还没有测试过，但我肯定会测试。因为演示在我的 iPad 上表现良好。

Answer 5

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

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