スクロールに追従するボックス「Scroll Follow」
Webサイトでメニューの項目が少なく、コンテンツが長い場合には読み終わった後メニューまで戻るのが大変な作業になる。代表的なメニューに即アクセスできると便利だ。そんな時に使えるのがスクロールに追従するメニューになる。
スクロールに追従してボックスが移動する
とは言え、実装するとなると意外と面倒だ。ブラウザ間による互換性を保つのも大変だ。そこで使いたいのがこのソフトウェアだ。
今回紹介するオープンソース・ソフトウェアはScroll Follow、スクロールをフォローするボックスを作成するjQueryプラグインだ。
Scroll Followはスクロールに応じて上下するボックスを作成することができるjQueryプラグインだ。ただ追従するだけもできるが、指定範囲まで降りると停止するものも作成できる。
指定範囲でのみ移動と言うこともできる
オプションも幾つか用意されており、クリックで追従を停止するようにしたり、上ではなく下に張り付くようにすることもできる。動作は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