PhoneGap (jQuery Mobile) 应用程序中的滚动问题答案

【问题标题】：Scrolling Problems in PhoneGap (jQuery Mobile) AppPhoneGap (jQuery Mobile) 应用程序中的滚动问题
【发布时间】：2012-02-01 12:05:43
【问题描述】：

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

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

当我使用 FireFox 测试页面时，这非常有效，但它在手机上不起作用。有谁知道为什么？

编辑：对不起...它之前用Android测试过，没有工作。在 iPhone 上它工作正常！

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

您可以通过使用 jQueryMobile 的 data-position=fixed 或使用 iScroll 之类的第 3 方库来解决此问题，这是我用来解决问题的方法。

【讨论】：