Question

我有一个简单的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>

Answer 1

隐藏溢出，应该适用于所有浏览器。将其设置在body标签上。像：

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

我在谷歌浏览器上尝试了这个功能，但它确实有用。

Answer 2

你不应该把它放在身上。您需要在要限制的元素上设置高度以隐藏任何溢出。以下是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>

Answer 3

HTML元素的实际问题是overflow:hidden属性仅适用于具有非静态位置的元素。

所以，将它设置在你的身上：

body {
  overflow: hidden;
  position: relative;
}

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

3 个答案: