Android + PhoneGap + jQuery Mobile上的水平可滚动图像

我正在开发一款适用于Android和iPhone的应用程序。 该应用程序使用jQuery Mobile完成，并使用Phonegap编译。

有时在应用程序中用户可以显示图像，该图像非常大，并且需要可滚动。 我已经完成了一个javascript代码，它创建了一个带有css属性的div并将其附加到正文：

position: absolute; width: 100%; height: 100%; z-index: 1200; background-color: black; overflow: scroll; 

在iPhone上它完美运行，用户可以在他想要的右侧滚动。 在Android上它没有，屏幕保持锁定，用户只能滚动。

index.html页面上的viewport如下所示：

我花了大约2个小时玩它，在网上看，但没有找到任何使屏幕可以在Android上滚动的东西。

我不能使它成为另一个页面，具有不同的视口，因为我的应用程序是非常深刻的javascripted。 而且当我想要查看图像时，我无法将用户带回到他离开的确切位置。

我的想法已经用完了，并且已经测试了几天了。 有人会有一个想法，可以帮助我在Android上制作一个可滚动的弹出窗口吗？

谢谢

Answer 1

要在WebView for Android中创建可滚动区域，您需要使用模仿本机function的JavaScript框架。 那里有几个好的：

• iScroll – http://cubiq.org/iscroll-4 （我喜欢这个脚本）
• Flexcroll – http://www.hesido.com/web.php?page=customscrollbar
• jQuery Mobile Scrollview – http://jquerymobile.com/test/experiments/scrollview/

另请注意，小于5.0的iOS版本实际上不支持可滚动区域（用户必须使用两个手指在旧版本中滚动）。