android - 移动网站间歇性地不在 Android 浏览器中滚动

Question

我是 Android 网络开发的新手，目前对此感到有些沮丧。我正在使用的网站 ( http://truthfortheworld.org ) 在 Mobile Safari 上看起来和运行良好，但在 Android 的默认浏览器中，页面拒绝向下滚动，除非我刷新页面。这非常令人沮丧，我无法弄清楚发生了什么。有时我会加载一个看起来允许滚动的页面，但随后它会卡到顶部并且不会移动。

我的猜测是，这与视口(viewport)设置和 CSS 媒体查询的组合有关。这是我的视口(viewport)元标记:

<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0" />

我已经尝试了其他几种视口(viewport)设置，但没有任何效果。当我允许缩放时，页面会在放大时滚动，但在缩小时会再次回到顶部。

这是我的两个样式表:

<link rel='stylesheet' media='only screen and (min-device-width:800px)' type='text/css' href='/css/main.css' />
<link rel='stylesheet' media="only screen and (max-device-width:1136px)" type='text/css' href='/css/handheld.css' />

第一个适用于普通屏幕，第二个适用于小型设备。这个问题最糟糕的是，有时它会消失一段时间，一切正常，但随后又会重新启动。这让我感到困惑!

我使用的是 Android 2.3.4。如果您对我有任何见解，请告诉我。谢谢!

Answer 1

我在同一 Android 版本 (2.3.4) 中遇到滚动问题。我的 phonegap 应用程序没有滚动。因为我在正文中添加了overflow:hidden。当我删除 overflow:hidden 时，它开始滚动。