スクロールに追従するボックス「Scroll Follow」

2008/10/27

スクロールに追従するボックス「Scroll Follow」

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

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

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

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

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

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

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

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

Open Source - Scroll Follow - The Kitchen @ Net Perspective
　http://kitchen.net-perspective.com/open-source/scroll-follow/ 0

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