android - Android Phonegap 滚动不起作用

Question

我使用 html5 和 phonegap (cordova 2.7.0) 开发了一个 android 应用程序；这是一个图像搜索应用程序，使用 google API。返回以点击开始的图像列表。

它几乎可以在所有设备上完美运行，但在装有 Android 2.3.x 的小屏幕上，滚动（或单击图像）不起作用。

有什么建议么？

提前致谢。

Answer 1

您遇到了一个 android错误。BODY 标签内溢出的 DIV 不允许您滚动。iPhone（iOS < 5）中也有同样的错误，但至少你可以用两根手指滚动。

但是，有一些解决方法。您可以使用第三方库，例如iScroll、 touchScroll ...

iScroll 将禁用您对已应用滚动的 div 的输入。如果它是一个简单的段落，请使用 iScroll。

参考

Answer 2

虽然 2-Stroker 的答案是正确的，但这是一个快速而肮脏的解决方案，<br>最后添加一些标签。为我工作；）

Answer 3

如果您不想麻烦添加 iScroll，您也可以使用：

// Workaround for problematic scrolling behaviour on Android
// we can't fix this in css directly as it breaks iOS and the
// platform selector in css is unreliable
if ( device.platform === 'Android' ) {
    $('.ui-mobile, .ui-mobile .ui-page, .ui-mobile [data-role="page"], .ui-mobile [data-role="dialog"], .ui-page, .ui-mobile .ui-page-active ').css("position", "initial");
}