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

时间:2012-10-04 14:13:51

标签: android browser scroll

我是Android的网络开发新手,我现在对此感到有点沮丧。我正在处理的网站(http://truthfortheworld.org)在Mobile Safari上工作正常,但在Android的默认浏览器中,除非我刷新页面,否则页面拒绝向下滚动。这非常令人沮丧,我无法弄清楚发生了什么。有时我会加载一个看起来像是允许滚动的页面,但随后它会跳到顶部并且不会让步。

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

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

我尝试了其他几个视口设置,但没有任何效果。当我允许缩放时,页面将在放大时滚动,但在缩小后再次捕捉到顶部。

这是我的两个样式表:

<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。如果您对我有任何见解,请告诉我。谢谢!

1 个答案:

答案 0 :(得分:2)

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