如何做 - 隱藏捲軸
學習如何使用 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 */
}
自己動手試一試 »
Webkit 瀏覽器（如 Chrome、Safari 和 Opera）支援非標準的 ::-webkit-scrollbar 偽元素，它允許我們修改瀏覽器捲軸的外觀。IE 和 Edge 支援 -ms-overflow-style: 屬性，Firefox 支援 scrollbar-width 屬性，這些屬性允許我們隱藏捲軸，但保留其功能。
