Javascript Android上的水平滚动图像+;PhoneGap+;jquerymobile

Javascript Android上的水平滚动图像+;PhoneGap+;jquerymobile,javascript,jquery,android,jquery-mobile,cordova,Javascript,Jquery,Android,Jquery Mobile,Cordova,我正在开发一款适用于Android和iPhone的应用程序。 该应用程序使用jquerymobile完成,并使用Phonegap编译 有时在应用程序中,用户可以显示图像,该图像非常大,需要可滚动。 我编写了一段javascript代码,用这些css属性创建一个div,并将其附加到主体中: position: absolute; width: 100%; height: 100%; z-index: 1200; background-color: black; overflow: scroll;

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

有时在应用程序中,用户可以显示图像,该图像非常大,需要可滚动。 我编写了一段javascript代码,用这些css属性创建一个div,并将其附加到主体中:

position: absolute;
width: 100%;
height: 100%;
z-index: 1200;
background-color: black;
overflow: scroll;
在iPhone上,它工作得非常好,用户可以在右边滚动到他想要的任何地方。 在安卓系统上,屏幕不会被锁定,用户只能向下滚动

index.html页面上的
视口
如下所示:

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

我花了大约2个小时玩它,在互联网上搜索,但没有发现任何东西可以让屏幕在Android上滚动

我不能让它成为另一个具有不同视口的页面,因为我的应用程序是非常深入的Java脚本。我无法将用户带回他想要查看图像时离开的确切位置

我的想法快用完了,已经测试了几天了。有没有人能帮我在android上制作一个可滚动的弹出窗口


谢谢

要在Android的WebView中创建可滚动区域,您需要使用模仿本机功能的JavaScript框架。有几个好的例子:

  • iScroll-(我喜欢这个脚本)
  • Flexcroll-
  • jQuery移动滚动视图-

另外,请注意,5.0以下的iOS版本并不真正支持可滚动区域(在旧版本中,用户必须使用两个手指才能滚动)。

谢谢,我会尝试使用它。将更新它的运行方式。我将只在安卓系统中使用这种方式,因为我的应用程序目前在iPhone上甚至在iOS 4上运行良好。它似乎可以工作!谢谢:)我用滚动视图完成了一个特定页面,而不是弹出窗口。我将在Android上这样做,并在iPhone上弹出一个窗口。如果其他人发现了这个,下面是scrollview所需的文件:iScroll对我来说非常好。我试过并且喜欢它!非常感谢你。