溢出：隱藏在Chrome中不起作用

我有一個簡單的HTML如下，我添加樣式溢出：隱藏停止瀏覽器正在滾動，它適用於所有瀏覽器，除了在Windows版本的鉻請幫我嗎？溢出：隱藏在Chrome中不起作用

<body style="background-color:yellow; overflow: hidden;"> 

<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
. 
. 
. 
dddddddddddddddddddd 
</body> 
</html>

來源

2013-10-10 Hamed Minaee

溢出隱藏，應在所有瀏覽器中工作。將其設置在身體標籤上。喜歡：

<body style="overflow: hidden; position: fixed;"> 
Your content. 
</body>

我在谷歌瀏覽器試過這個，它的工作原理。

來源

2013-10-10 19:46:02 Appel

打我給它，這是解決這個問題的方式。 –

你不應該把它放在身上。您需要在限制的元素上設置高度以隱藏任何溢出。下面是一個例子http://jsfiddle.net/tP7qt/

<div style="background-color:yellow; overflow: hidden; height:150px;"> 
<br> 
more stuff below. 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
<br> 
. 
. 
. 
Stuff here 
</div> 
</html>

來源

2013-10-10 20:07:45

-2

實際問題的HTML元素的是，overflow:hidden屬性僅對用非靜態定位元素的作品。

因此，設置這個對你的身體：

body { 
    overflow: hidden; 
    position: relative; 
}

來源

2013-10-10 20:10:20

它不適用於'body' – Evgeniy

溢出：隱藏在Chrome中不起作用

回答

相關問題