前の記事 ≪:2011年4月12日 管理人のブックマーク
次の記事 ≫:かなりクールなPhotoshop用フリーUIキット-PSDファイル50個

独自デザインのスクロールバーにする際に使えるjQueryプラグイン「jScrollbar」

2011年04月13日-はてなブックマーク

スポンサード リンク
[PR] 日々膨大に出現するJS/CSSライブラリ等を意識にとどめておく方法
jScrollbar : make your own scrollbar for scrolling contents with jQuery UI - MyjQueryPlugins

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











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

関連エントリ
関連の記事検索:jQuery, JavaScript, スクロール, Webデザイン, Web制作, プラグイン
スポンサード リンク

By.KJ : 2011年04月13日 09:02 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)