刪除頁面滾動條（溢出：隱藏不工作）

運用這一刪除頁面滾動條（溢出：隱藏不工作）

overflow:hidden;

到我的文檔的主體在IE8沒有效果。任何想法爲什麼？

來源

2009-06-08 morgancodes

這取決於IE8是否在標準或怪癖模式下渲染頁面。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> 
    <head> 
     <title>test</title> 
    </head> 
    <body> 
     <p>hello</p> 
    </body> 
</html>

但是如果去掉DOCTYPE聲明，IE8渲染怪癖模式頁：

<html> 
    <head> 
     <title>test</title> 
    </head> 
    <body> 
     <p>hello</p> 
    </body> 
</html>

您也可以通過強制檢查此例如，下面的HTML將不使用滾動條顯示使用開發工具的渲染模式。按下頁面上的F12，並在菜單欄的末尾（出於某種原因...），出現「文檔模式」設置。在標準和怪癖之間切換也應該切換滾動條。

所以......你需要讓你的頁面遵守HTML標準！它不一定是XHTML Strict，它可能是HTML 4，或者甚至是XHTML Transitional（如果你真的必須的話）。

W3C Validator可以幫助你任何驗證錯誤。

來源

2009-06-08 13:04:33

它必須是別的，因爲我只是應用overflow：隱藏在這個stackoverflow頁面的HTML元素上，並且滾動條消失了。

你可以發佈一些更多的CSS或代碼？

編輯：我也嘗試過它的身體元素，它也工作..沒有更多的滾動條。

來源

2009-06-08 12:44:18

我使用隱藏滾動條的代碼簡單：document.body.style.overflow = '隱藏'; 我看到使用IE8開發人員工具檢查時應用的樣式，但它沒有可見的效果。 – morgancodes 2009-06-08 12:47:32

可以使用此stackoverflow頁面上的開發人員工具並在此處應用樣式並查看它是否有效？（也許你有一些bizar瀏覽器選項設置） – 2009-06-08 12:57:40

劈添加此IE：

max-height: none\9

來源

2012-03-21 07:17:33

刪除頁面滾動條（溢出：隱藏不工作）

回答

相關問題