CSSスクロールバー スタイラー

スクロールしてカスタムスクロールバーを確認できます。左のコントロールで設定を変更すると、リアルタイムでプレビューに反映されます。

幅・トラック色・サム色・ホバー色・角丸をそれぞれ細かく調整できます。プリセットを使えば素早くスタイルを適用可能です。

「非表示」プリセットを選ぶと、スクロール機能を保ちつつスクロールバーを見えなくできます。

生成したCSSは下のタブからコピーしてご利用ください。WebKit（Chrome・Safari・Edge）とFirefox両対応のCSSを出力します。

セレクター指定で特定の要素だけに適用することも可能です。グローバルに適用する場合は body のままにしてください。