0

我有以下代码：

<!DOCTYPE html>

<html>
<head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style type="text/css">
        #header {position:fixed; height:100px; top:0px; left:0px; right:0px; background:black; color:white;}
        #overlay {position:fixed;  bottom:100px; top:100px; left:0px; right:0px; overflow:auto; background:gray;}
        #footer {position:fixed; height:100px; bottom:0px; left:0px; right:0px; background:black; color:white;}
        body {overflow:hidden;}
        </style>

</head>
        <body>
                <div id="header">header</div>
                <div id="overlay"><?php for($c=0; $c<100; $c++) echo '<p>overlay</p>'; ?></div>
                <div id="footer">footer</div>
                <?php for($c=0; $c<100; $c++) echo '<p>background</p>'; ?>
        </body>
</html>

基本上，当您第一次加载时，您应该会看到一个灰色区域以及黑色的页脚和页眉。您可以将页面滚动到顶端或底端，您将始终只看到灰色区域和黑色页脚。这些区域下方的白色背景永远不会暴露。这在桌面浏览器中效果很好。

我在 android 本机浏览器上的这段代码有问题。当页面第一次加载时，一切都按预期工作。但是当您滚动到底部时，浏览器地址栏会自行隐藏，然后白色背景显示为灰色区域和黑色页脚之间的间隙。 如何防止出现此白色背景？

4

1 回答 1

0

Android 浏览器有一个常见问题，听起来很相似。看看这个问题，看看它是否有帮助。

于 2013-03-04T17:14:00.800 回答