隐藏Web浏览器滚动条

时间:2013-11-14 14:05:50

标签: jquery html css

有没有隐藏网页浏览器的滚动条,jquery或css?我仍然想在元素内滚动,因此我不想使用

overflow: hidden

提前致谢。

2 个答案:

答案 0 :(得分:4)

应用于overflow: hidden;

body将仅在浏览器中禁用滚动条,在您的内部元素中您仍然可以使用它们。

到目前为止,我们已经溢出:隐藏在身体上。然而IE并不总是尊重它,你需要在body元素上放置scroll =“no”和/或放置overflow:隐藏在html元素上。

当您需要“控制”视口时,您可以更进一步: -

<style>
 body {width:100%; height:100%; overflow:hidden, margin:0}
 html {width:100%; height:100%; overflow:hidden}
</style>

在正文中授予高度100%的元素具有窗口视口的完整高度,并且元素绝对使用底部定位:nnPX将设置在窗口底部边缘上方的像素等处。

<强>编辑:

我猜你写的很乱:)

如果你不是在谈论浏览器的滚动条,而是关于隐藏元素的滚动条,但仍然可以在里面滚动,请检查此链接:http://hynchrstn.wordpress.com/2012/06/10/hide-scrollbar-but-still-scrollable-using-css/

答案 1 :(得分:1)

overflow: hidden应用于body是删除主窗口滚动条的唯一可靠/跨浏览器方法。

您仍然可以将overflow: scrolloverflow: auto应用于后代元素以允许内部滚动。这将有助于获得有关您的具体案例的更多详细信息。