ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Webサイトでメニューの項目が少なく、コンテンツが長い場合には読み終わった後メニューまで戻るのが大変な作業になる。代表的なメニューに即アクセスできると便利だ。そんな時に使えるのがスクロールに追従するメニューになる。


Picture 282.png

スクロールに追従してボックスが移動する

 

とは言え、実装するとなると意外と面倒だ。ブラウザ間による互換性を保つのも大変だ。そこで使いたいのがこのソフトウェアだ。

今回紹介するオープンソース・ソフトウェアはScroll Follow、スクロールをフォローするボックスを作成するjQueryプラグインだ。

Scroll Followはスクロールに応じて上下するボックスを作成することができるjQueryプラグインだ。ただ追従するだけもできるが、指定範囲まで降りると停止するものも作成できる。


Picture 281.png

指定範囲でのみ移動と言うこともできる

 

オプションも幾つか用意されており、クリックで追従を停止するようにしたり、上ではなく下に張り付くようにすることもできる。動作はIE6/7、Firefox2/3、Safari 3、Opera 9となっている。標準のjQueryの他、jQuery UI CoreやjQuery Easing Plugin、jQuery Cookie Pluginなどが使われている。

この手の動作は良く利用されるので、覚えておくと使い道が多そうだ。無情な長さのスクロールは、むざむざユーザを取り逃がすことになりかねないのでご注意いただきたい。

 

Open Source - Scroll Follow - The Kitchen @ Net Perspective

 http://kitchen.net-perspective.com/open-source/scroll-follow/

jquery-scroll-follow - Google Code

 http://code.google.com/p/jquery-scroll-follow/

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2