Android Phonegap Scroll不起作用

时间:2013-08-28 17:09:26

标签: android html5 cordova

我使用html5和phonegap(cordova 2.7.0)开发了一个Android应用程序;它是一个图像搜索应用程序,使用谷歌API。 返回以点击开头的图像列表。

它几乎适用于所有设备,但在Android 2.3.x的小屏幕上,滚动(或点击图像)不起作用。

有什么建议吗?

提前致谢。

3 个答案:

答案 0 :(得分:2)

你遇到了一个机器人bug。 BODY标记内的溢出DIV不允许滚动。在iPhone(iOS< 5)中存在同样的错误,但至少你可以用两根手指滚动。

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

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

Reference

答案 1 :(得分:0)

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

答案 2 :(得分:0)

如果您不想解决添加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");
}