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

在android蜂巢webview/webkit中实现水平/垂直手指滑动滚动?,android,html,webkit,webview,android-3.0-honeycomb,Android,Html,Webkit,Webview,Android 3.0 Honeycomb,我计划实现基于WebView的蜂窝平板电脑应用程序(因此,基本上它将是一个仅为平板电脑制作的基于HTML5的网络应用程序) 我希望通过滑动手指来实现水平和垂直滚动。为了更好地理解,我创建了示例大纲 此图显示的内容类似于Honeycomb的本机设置活动,左右页面可垂直滚动 欢迎任何类型的指南或资源。谢谢看看: iScroll 4是对原始代码的完全重写。脚本开发之所以开始,是因为移动webkit(在iPhone、iPad、Android上)没有提供在固定宽度/高度元素中滚动内容的原生方式。这种

我计划实现基于WebView的蜂窝平板电脑应用程序(因此,基本上它将是一个仅为平板电脑制作的基于HTML5的网络应用程序)

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


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

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

看看:

iScroll 4是对原始代码的完全重写。脚本开发之所以开始,是因为移动webkit(在iPhone、iPad、Android上)没有提供在固定宽度/高度元素中滚动内容的原生方式。这种不幸的情况使任何web应用程序都无法拥有
位置:绝对
页眉和/或页脚以及内容的滚动中心区域

虽然最新的Android版本支持这一功能(尽管支持不是最优的),但苹果似乎不愿意在divs中添加一个手指滚动

以下是我到目前为止的发现:

这取决于您想要如何实现滚动。如果要附加刷卡事件,这是使用知名库实现的最简单方法:

  • -它有向左和向右滑动事件,可以连接到向左或向右滚动(似乎所有基于webkit的动画都只能在iOS设备上工作)。请注意,该项目仍处于测试阶段,不是很活跃。编辑:这也是Sencha实验室的一部分,该实验室积极维护Sencha Touch
  • -他们对手机和平板电脑中的几乎所有内容都有更好的支持。(注意:开源应用是免费的,但商业应用不免费-编辑:他们实际上拥有商业许可证。有关许可证的更多信息,请访问他们的网站)
  • -它们非常稳定(目前在RC1中),并且有向左和向右滑动事件,但我找不到向上或向下滑动。如果您只需要左右滑动,轻按,轻按保持,然后使用jQM。他们得到了最好的社区支持
  • RAW JS-最后,如果您想要一些原始javascript,请访问以更好地深入了解touch事件的工作原理

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

您可能会发现这个库非常有用:


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

从iScroll的创建者那里,SwipeView似乎是一个不错的选择。看一看,看一看


我还没有测试,但我肯定会的。由于演示在我的iPad上表现良好。

Hammer JS对我很有用:


谢谢,我看了一下它的垂直滚动功能。我正在考虑使用它。只是想更新一下这个问题-我们已经使用iScroll为iOS和Android提供了相对较大的应用程序。最终,它带来的麻烦比解决的问题多得多。别误会,iScroll是一个很好的库,它工作得很好,但也有缺点。因此,在选择这样的库之前,您应该彻底检查这一点。这只是一个警告。谢谢,在一个更大的应用程序中使用它之后,我也发现它的问题更大,如果你正在构建一个合理大小的东西,避免使用iScroll。那么您使用了什么呢?我对受支持的设备使用jQuery mobiles实现,而对所有其他设备使用静态页眉和页脚。自从我遇到这个问题以来,JS libs已经走过了很长的路。谢谢分享伊恩。不用担心,我想我会加上,以防万一其他人遇到这个帖子。