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

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

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

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
jScrollbar : make your own scrollbar for scrolling contents with jQuery UI - MyjQueryPlugins

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











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

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

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

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