请注意,我非常清楚其他SO主题。我重新询问的原因是它们中的大多数都已经过时了,所以这些答案仍然适用(基本上只有一个元素有溢出:隐藏,而孩子有溢出:auto和padding-right to" hide& #34; div(虽然并没有真正隐藏它,但在我看来根本不是一个干净的解决方案。)是否有一种更现代的方式来隐藏滚动条,但仍然允许你滚动它并不仅仅涉及投掷滚动条不在视线范围内,但实际上只是隐藏了滚动条?我再次理解已经有了这方面的问题,我只想真正得到一个解决方案,而不是用创可贴覆盖它(制作滚动条不在视线范围内。
答案 0 :(得分:1)
在支持-webkit-
前缀的浏览器中,请使用此CSS:
::-webkit-scrollbar {
display:none;
}
或者如果您想在特定元素上使用它,请执行以下操作:
element::-webkit-scrollbar {
display:none;
}
这会隐藏滚动条,但它不会阻止它滚动。如果你想完全停止滚动,你可能需要使用javascript或只是缩短页面。 Here是一个小提琴。选择文本将向下滚动,但没有滚动条。
这个想法适用于移动网站,因为触摸屏手机不需要滚动条。
答案 1 :(得分:0)
body {
padding:50px;
}
.hidden-scrollbar {
background-color:black;
border:2px solid #666;
color:white;
overflow:hidden;
text-align:justify;
}
.hidden-scrollbar .inner {
height:200px;
overflow:auto;
margin:15px -300px 15px 15px;
padding-right:300px;
}