本頁面由 Cloud Translation API 翻譯而成。

捲軸樣式

使用 scrollbar-width 和 scrollbar-color 屬性為捲軸設定樣式。

Bramus

簡介

自 Chrome 2 版起，您可以使用 ::-webkit-scrollbar-* 疑似元素為捲軸設定樣式。這個方法在 Chrome 和 Safari 中運作良好，但從未由 CSS 工作小組標準化。

scrollbar-width 和 scrollbar-color 屬性已標準化，屬於 CSS 捲軸樣式模組第 1 級規格的一部分。這些屬性自 Chrome 121 起開始支援。

Browser Support

捲軸至少包含軌道和指標。軌道是拇指可移動的區域。軌跡代表整個捲動距離。拇指代表可捲動區域中的目前位置。當您捲動時，它會在軌道內移動。拇指通常也可以拖曳。

不過，捲軸列的部分不只限於滑動手勢和軌跡。舉例來說，捲軸可能會有一或多個按鈕，用於增加或減少捲動偏移量。構成捲軸的部分取決於基礎作業系統。