我是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。如果您对我有任何见解,请告诉我。谢谢!
答案 0 :(得分:2)
我在相同的Android版本(2.3.4)中遇到了滚动问题。我的phonegap应用程序没有滚动。
因为我在身体中添加了overflow:hidden
。当我删除 overflow:hidden
时,它开始滚动。