Question

我正在开发一款适用于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如下所示：

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />

我花了大约2个小时玩它，在互联网上查看，但没有找到任何能让屏幕在Android上滚动的内容。

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

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

谢谢

Answer 1

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

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