从浏览器中删除滚动条

Question

我有一个网站将有一个背景，是屏幕的完整大小。由于跨浏览器的限制，他们中的一些人喜欢保留滚动条，即使图像与屏幕的大小完全相同。我可以删除滚动条吗？

如果您无法分辨，我正在使用HTML，CSS和JavaScript：）

Answer 1

body {
  overflow: hidden;
}

和ie 7

html {
  overflow: hidden;
}

Answer 2

尝试属性：

overflow:hidden;

另见：

http://www.w3schools.com/Css/pr_pos_overflow.asp

Answer 3

确保您的图像通过body标签应用，如果不起作用，请确保通过级联样式表文件将其应用于这两个标记的html标记。

body {
background: url("image-src");
overflow: hidden;
}`

html {
background: url("image-src");
overflow: hidden;
}

还要记住尝试使背景图像具有合理的高度和宽度。

希望这有帮助。

Answer 4

尝试将html {overflow:auto;}添加到CSS声明中。自动溢出只为元素提供所需的滚动条，甚至根本不需要。对于IE中禁用的垂直滚动条，如果不需要，使用自动溢出将删除它。

这比使用隐藏溢出要好一些，因为您在html或body上声明了它。如果您的浏览器窗口不仅比您的图像小，而且您的内容也不会有任何带有隐藏溢出的滚动条。正如@Marc B在评论中所说，删除用户界面组件以强制执行设计通常被认为是糟糕的设计。

您可以阅读有关溢出属性here的更多信息。来自网站：

  

IE Trick

     

IE无论是否需要，都会始终显示垂直滚动条。这可能很好＆gt;用于防止水平跳跃，但并不总是令人满意的。要在IE中删除此功能，您可以＆gt;在body元素上设置overflow到auto。