jScrollbar : make your own scrollbar for scrolling contents with jQuery UI - MyjQueryPlugins

独自デザインのスクロールバーにする際に使えるjQueryプラグイン「jScrollbar」
綺麗にデザインされたバーもブラウザ依存のスクロールバーで台無しになってしまったり、OSによってデザインに違いが出てしまったりとあまりよいことはないですね。
かといってデザインを崩したくない場合なんかで、スクロールさせないわけにもいけないような時に使えそうなプラグインです。
以下のような自由なデザインのスクロールバーが作れます。画像を切り替えることで簡単に独自デザインにも出来ます。
で、独自デザインにしつつも、ちゃんとマウルホイールにも対応しています。











Twitterの新UIなんかでもスクロールバーが独自になっていたりしますが、テキストのブロックと、スクロールバーのブロックを定義して $(textblock).jScrollbar() ってやればいいだけっていうのは素晴らしいですね。

関連エントリ

• スクロールのデザインするならコレが便利なjQueryプラグイン「jScrollPane」
• カッコ悪いスクロールバーとはオサラバできるjQueryプラグイン「jQuery vScroll」