在HTML页面上滚动没有滚动条

Question

在我正在制作的网站中，滚动条会弄乱我的页面水平对齐，所以我可以使用;

html,body{
overflow-y:hidden;
}

但是我怎么能让页面滚动（只是没有显示滚动条）？

Answer 1

如果你想要一个纯粹的CSS解决方案而不是下面的代码片段将帮助你轻松实现这个目标

::-webkit-scrollbar { 
    display: none; 
}

Demo（仅限Chrome或Safari）

但由于这仅适用于webkit浏览器，因此您可能必须使用JS来实现跨浏览器解决方案。

Answer 2

我认为禁用滚动条不是解决方案，因为在这种情况下，您需要找到另一种实际滚动页面的解决方案...
喜欢 up ＆amp; down 键，或者制作mouse selection并向下... ......在我看来，这不是一个优雅的解决方案 （更不用说只会影响基于webkit的浏览器）

相反，我建议修改你的风格，这样滚动条就不会搞砸你的布局 一种方法（不知道你的代码，只猜测）就是使用box-sizing属性。
像：

#id {
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
}

因此，当边距，填充或边框发生变化时，您将为该#id赋予的宽度将重新计算。

但是再次..只是猜测，如果你想显示受滚动条影响的代码，我们可以为此找到一个合适的解决方案。