从浏览器中删除滚动条

Question

我有一个网站的背景是整个屏幕的大小。 由于跨浏览器的限制，即使图像的大小与屏幕的大小相同，它们中的一些也希望保留滚动条。 我是否可以只移除滚动条？

如果您不知道，我正在使用HTML，CSS和JavaScript :)

Answer 1

body {
  overflow: hidden;
}

而对于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在评论中所说，删除用户界面组件以强制执行设计通常被认为是不好的设计。

您可以在这里阅读更多有关overflow属性的信息 。 从站点：

IE特技

IE始终显示垂直滚动条，无论是否需要。 对于防止水平跳跃，这可能很好，但并非始终如此。 要在IE中将其删除，可以>在body元素上将溢出设置为auto。