jquery - 隐藏网页浏览器滚动条

Question

无论如何要隐藏网络浏览器的滚动条、jquery 或 css 吗？我仍然想在元素内滚动，因此我不想使用

overflow: hidden

提前致谢。

Answer 1

overflow: hidden;应用于body将仅在浏览器中禁用滚动条，在您的内部元素中您仍然可以使用它们。

到目前为止，我们已经溢出：隐藏在身体上。但是 IE 并不总是尊重这一点，您还需要在 body 元素上放置 scroll="no" 和/或在 html 元素上放置 overflow:hidden。

当您需要“控制”视口时，您可以更进一步，您可以这样做：-

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

在 body 中被授予高度 100% 的元素具有窗口视口的完整高度，并且使用 bottom:nnPX 绝对定位的元素将被设置为窗口底部边缘上方的 nn 个像素，等等。

编辑：

我猜你写的很乱：）

如果您不是在谈论浏览器的滚动条，而是在谈论隐藏元素的滚动条，但仍然能够在里面滚动，请查看以下链接：http ://hynchrstn.wordpress.com/2012/06/10/hide-scrollbar-but-仍然可滚动使用 css/

Answer 2

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

您仍然可以将overflow: scroll或overflow: auto应用于后代元素以允许内部滚动。了解有关您的具体案例的更多详细信息会有所帮助。