Question

请注意，我非常清楚其他SO主题。我重新询问的原因是它们中的大多数都已经过时了，所以这些答案仍然适用（基本上只有一个元素有溢出：隐藏，而孩子有溢出：auto和padding-right to＆＃34; hide＆＃34; div（虽然并没有真正隐藏它，但在我看来根本不是一个干净的解决方案。）是否有一种更现代的方式来隐藏滚动条，但仍然允许你滚动它并不仅仅涉及投掷滚动条不在视线范围内，但实际上只是隐藏了滚动条？我再次理解已经有了这方面的问题，我只想真正得到一个解决方案，而不是用创可贴覆盖它（制作滚动条不在视线范围内。

Answer 1

在支持-webkit-前缀的浏览器中，请使用此CSS：

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

或者如果您想在特定元素上使用它，请执行以下操作：

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

这会隐藏滚动条，但它不会阻止它滚动。如果你想完全停止滚动，你可能需要使用javascript或只是缩短页面。 Here是一个小提琴。选择文本将向下滚动，但没有滚动条。

这个想法适用于移动网站，因为触摸屏手机不需要滚动条。

Answer 2

你正在寻找这样的东西吗？小提琴http://jsfiddle.net/tovic/Uz7wc/

 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; 
    }

清洁方式隐藏滚动条？

2 个答案: