我正在开发适用于Android和iPhone的应用程序。
该应用程序使用jQuery Mobile完成，并使用Phonegap进行了编译。
有时，在应用程序中，用户可以显示图像，该图像非常大，并且需要滚动。
我已经完成了一个JavaScript代码，该CSS代码使用这些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上滚动的内容。
我无法将其设为具有不同视口的另一个页面，因为我的应用程序使用了非常深的JavaScript。而且我无法将用户带回他想查看图像时所离开的确切位置。
我的想法不多了，已经测试了几天。有人会帮我在Android上制作可滚动弹出窗口的想法吗？
谢谢
最佳答案
要在Android的WebView中创建可滚动区域，您将需要使用模仿本机功能的JavaScript框架。有几个不错的：
iScroll-http://cubiq.org/iscroll-4（我喜欢这个脚本）
Flexcroll-http://www.hesido.com/web.php?page=customscrollbar
jQuery Mobile滚动视图-http://jquerymobile.com/test/experiments/scrollview/
另外，请注意，低于5.0的iOS版本并不真正支持可滚动区域（用户必须使用两根手指在较旧的版本中滚动）。