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 - 滾動無法

回答

相關問題