jQuery vScroll ? Simple animated vertical content scroller supporting varying heights HibboBlog

カッコ悪いスクロールバーとはオサラバできるjQueryプラグイン「jQuery vScroll」
通常、divなんかにサイズを指定して、overflow:auto とかにすると次のようにスクロールバーがでますよね。
ただ、このスクロールバーはブラウザ依存でちょっとデザインにあわなかったりしてカッコ悪いという場合があります。



デモページ

そこでこのプラグインを使えば、スクロールバーを消してしまうことが可能。
消しちゃうとコンテンツ見れないじゃん、という心配は不要で、ボタンをクリックすることで、次のブロック要素にアニメーションしながらスクロールなんていうカッコいい効果付きです。
単に何ピクセル移動とかではなく、ブロックごとにスクロールさせることが出来るため、使い勝手も悪いものにはなりません。



ニュースのヘッドラインを表示したいけど、表示枠は固定したいなんていう場合に使えそうですね。
スクロールバーを消してカッコよくカスタマイズできる上、ユーザビリティも損なわれないというところで便利そうです。

使い方もjQueryプラグインなので１行で初期化できます。

関連エントリ

• jQueryとCSS3、HTML5でここまで出来るホバーインタフェース
• jQueryベースのOS風インタフェース「JSOS」
• わずか2KBで直感的に使えるタブインタフェース実装用jQueryプラグイン「idTabs」