在PhoneGap(jQuery Mobile)应用程序中滚动问题

时间:2012-02-01 12:05:44

标签: jquery-mobile cordova

我的PhoneGap(使用jQuery Mobile)应用程序有一些奇怪的滚动问题: 我在页面中使用页眉和页脚。在两者之间有我想要显示的内容。 因为还有背景图像,我使用的是具有白色背景颜色的容器,其中的文本更易读。这个容器的位置如下:

position:absolute; 
top: 77px; /*header height*/
bottom: 54px; /*footer height*/
left:10px; 
right:10px;
overflow: auto;

当我使用FireFox测试页面时,这非常有效,但它在手机上无效。 谁知道为什么?

编辑:对不起...以前用Android测试过,有些无法正常工作。在iPhone上它正在工作!

2 个答案:

答案 0 :(得分:1)

您可以通过使用jQueryMobile的data-position = fixed或使用像iScroll这样的第三方库来解决这个问题,这就是我用来解决问题的方法。

答案 1 :(得分:1)

在版本1-3中的Android将每个溢出解释为溢出:隐藏,因此您不能使用overflow:scroll并且必须使用JavaScript滚动(http://www.androidannoyances.com/post/51)