html - 如何使用 CSS 隐藏滚动条？

Question

我有一个包含很多内容的 div，因此会滚动。我怎样才能隐藏滚动条以使其不可见。编辑:我确实想要滚动工作!所以..滚动时没有滚动条？

例如

.scrolling_div {

     overflow:auto;
     /*something else to hide the scrollbar?*/

}

Answer 1

好的，我花了一些时间来编写最少的代码。

检查 DEMO .将鼠标悬停在 div 上并滚动以查看滚动条。

注意这使用外部插件来监听mousewheel event .

DEMO page for the plugin

---

overflow:hidden 应该隐藏滚动条。

.scrolling_div {
     overflow: hidden;
}

overflow 可以取以下任何一个值，

visibleDefault value. Content is not clipped, it may be rendered outside the content box.

hiddenThe content is clipped and no scrollbars are provided.

scrollThe content is clipped and desktop browsers use scrollbars, whether or not any content is clipped. This avoids any problem with scrollbars appearing and disappearing in a dynamic environment.Printers may print overflowing content.

autoProvide scrollbars if content overflows.

Reference