免費線上捲軸CSS定製器
預設瀏覽器捲軸並不總是符合您的設計。 Dokall 的捲軸定製器可讓您在複製 CSS 之前選擇軌道和縮圖顏色、設定寬度並即時預覽結果。
產生的 CSS 包括 WebKit 和 Firefox 相容規則。將程式碼片段放入樣式表中，以獲得精美的品牌滾動體驗。
正在載入工具…
自訂捲軸顏色和大小，然後複製 CSS.
正在載入工具…
預設瀏覽器捲軸並不總是符合您的設計。 Dokall 的捲軸定製器可讓您在複製 CSS 之前選擇軌道和縮圖顏色、設定寬度並即時預覽結果。
產生的 CSS 包括 WebKit 和 Firefox 相容規則。將程式碼片段放入樣式表中，以獲得精美的品牌滾動體驗。
body {
--sb-track-color: #232E33;
--sb-thumb-color: #6BAF8D;
--sb-size: 14px;
scrollbar-width: thin;
scrollbar-color: #6BAF8D #232E33;
}
body::-webkit-scrollbar {
width: var(--sb-size);
height: var(--sb-size);
}
body::-webkit-scrollbar-track {
background: var(--sb-track-color);
border-radius: 3px;
}
body::-webkit-scrollbar-thumb {
background: var(--sb-thumb-color);
border-radius: 3px;
}