在我正在制作的网站中,滚动条会弄乱我的页面水平对齐,所以我可以使用;
html,body{
overflow-y:hidden;
}
但是我怎么能让页面滚动(只是没有显示滚动条)?
答案 0 :(得分:4)
如果你想要一个纯粹的CSS解决方案而不是下面的代码片段将帮助你轻松实现这个目标
::-webkit-scrollbar {
display: none;
}
Demo(仅限Chrome或Safari)
但由于这仅适用于webkit浏览器,因此您可能必须使用JS
来实现跨浏览器解决方案。
答案 1 :(得分:0)
我认为禁用滚动条不是解决方案,因为在这种情况下,您需要找到另一种实际滚动页面的解决方案...
喜欢 up & down 键,或者制作mouse selection
并向下...
......在我看来,这不是一个优雅的解决方案
(更不用说只会影响基于webkit的浏览器)
相反,我建议修改你的风格,这样滚动条就不会搞砸你的布局
一种方法(不知道你的代码,只猜测)就是使用box-sizing
属性。
像:
#id {
box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
}
因此,当边距,填充或边框发生变化时,您将为该#id赋予的宽度将重新计算。
但是再次..只是猜测,如果你想显示受滚动条影响的代码,我们可以为此找到一个合适的解决方案。