如何隐藏滚动条
学习如何使用CSS隐藏滚动条。
如何隐藏滚动条
添加 overflow: hidden; 来隐藏水平和垂直滚动条。
要只隐藏垂直滚动条或水平滚动条，可以使用 overflow-y 或 overflow-x
请注意，overflow: hidden 也会移除滚动条的功能。无法在页面内滚动。
提示： 要了解更多关于 overflow 属性的信息，请访问我们的 CSS Overflow 教程 或 CSS overflow 属性参考.
隐藏滚动条但保留功能
要隐藏滚动条，但仍然能够滚动，可以使用以下代码
示例
/* 隐藏 Chrome、Safari 和 Opera 的滚动条 */
.example::-webkit-scrollbar {
display: none;
}
/* 隐藏 IE、Edge 和 Firefox 的滚动条 */
.example {
-ms-overflow-style: none; /* IE 和 Edge */
scrollbar-width: none; /* Firefox */
}
动手试试 »
像 Chrome、Safari 和 Opera 这样的 Webkit 浏览器支持非标准的 ::-webkit-scrollbar 伪元素，它允许我们修改浏览器滚动条的外观。IE 和 Edge 支持 -ms-overflow-style: 属性，而 Firefox 支持 scrollbar-width 属性，这些属性允许我们隐藏滚动条，但保留功能。
