我正在开发一款适用于 Android 和 iPhone 的应用程序。
该应用程序使用 jQuery Mobile 完成并使用 Phonegap 进行编译。
有时在应用程序中用户可以显示图像，该图像非常大，并且需要可滚动。
我已经完成了一段 JavaScript 代码，它创建了一个具有这些 css 属性的 div 并将其附加到正文中：
position: absolute;
width: 100%;
height: 100%;
z-index: 1200;
background-color: black;
overflow: scroll;
在 iPhone 上它运行得很好，用户可以在右侧滚动到想要的距离。
在 Android 上则不然，屏幕保持锁定状态，用户只能向下滚动。
The viewport在index.html页面上是这样的：
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
我花了大约 2 个小时玩它，在互联网上查找，但没有找到任何可以让屏幕在 Android 上滚动的东西。
我无法将其设置为具有不同视口的另一个页面，因为我的应用程序的 JavaScript 非常深入。当用户想要查看图像时，我无法将其带回到他离开的确切位置。
我已经没有想法了，并且已经测试了几天。有人有一个想法可以帮助我在 android 上制作一个可滚动的弹出窗口吗？
谢谢
要在 Android 的 WebView 中创建可滚动区域，您需要使用模仿本机功能的 JavaScript 框架。有几个不错的：
- 滚动-http://cubiq.org/iscroll-4（我喜欢这个剧本）
- 柔性卷轴 -http://www.hesido.com/web.php?page=customscrollbar
- jQuery 移动滚动视图 -http://jquerymobile.com/test/experiments/scrollview/
另请注意，低于 5.0 的 iOS 版本并不真正支持可滚动区域（在旧版本中用户必须使用两根手指滚动）。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
