PhoneGap（jQuery Mobile）应用程序中的滚动问题

我的PhoneGap（使用jQuery Mobile）应用程序有一些奇怪的滚动问题：我在页面中使用页眉和页脚。之间有我想要显示的内容。因为还有一个背景图像我正在使用白色背景颜色的容器，其中的文本更好的可读性。该容器被定位是这样的：PhoneGap（jQuery Mobile）应用程序中的滚动问题

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

当我测试的页面与Firefox这完美的作品，但它只是不会在手机上使用。任何人都知道为什么？

编辑：对不起......它已经过Android测试，没有工作。在iPhone上它工作！

手机上发生了什么/ – ghostCoder 2012-02-01 13:37:07

Nothing =）看起来容器只是隐藏溢出... – 2012-02-01 13:46:35

我已经用iPhone测试了它...现在它就像它应该那样工作！ Android上有什么特别的？ – 2012-02-01 14:03:06

Android在版本1-3中将每个溢出解释为溢出：隐藏，因此您无法使用溢出：滚动并必须使用JavaScript滚动（http://www.androidannoyances.com/post/51）

2012-04-03 09:36:42 strapsi0

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

2012-02-22 14:22:35

回答