CSS - 滚动无法

后，以填补在Android整个屏幕，我有以下代码：CSS - 滚动无法

<!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原生浏览器上的这段代码有问题。第一次加载页面时，事情按预期工作。但是，当您滚动到底部时，浏览器地址栏会隐藏自身，然后白色背景显示为灰色区域和黑色页脚之间的间隙。 如何防止显示白色背景？

来源

2013-03-04 John

你有一个CSS重置选择器？您是否在Android的Chrome浏览器上尝试过其他浏览器？ – 2013-03-04 08:22:14

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

来源

2013-03-04 17:14:00 webMan1

CSS - 滚动无法

回答

相关问题