Styling Scrollable Areas - CSS-Tricks

The scrollbars on browser windows are not styled by the website itself, or even generally by the browser. They come from the operating system itself.

スクロールバーをCSSで独自スタイリングするサンプル
CSSとJavaScriptを使ってoverflowしてスクロールバーがついているような要素に独自のスタイルを付ける例が公開されています。



動作デモ


スクロール部分はOS依存になってしまい、サイトの美観を損ねる場合がありますが、このサンプルを使えば、そこまでもデザインできちゃいますね。

関連エントリ

• 超クールなログインフォームを作成するチュートリアル
• CSSを使ってファンシーなボタンを作成するテクニック
• CSSでクールな3Dボタンを作ろう
• CSSでクールなINPUTフォームを作成するサンプル
• クロスブラウザでちゃんと動作するCSSボタン集サイト「CSS Buttons」
• CSSで出来たシンプルに使える丸っこいデザインのボタンサンプル集