jQuery Stick ’em: Make Content Sticky on Scroll, to a Point | Viget

コンテンツ毎にサイドバーを固定配置できるjQueryプラグイン「Stick ’em」。
最近よくある、ページをスクロールしてもついてくるサイドバー。position:fixedなどを応用して綺麗についてくるようにできますが、コンテンツが大きく３つに分かれている場合はちょっと実装が難しいかも。
そんな時に使えるのがこのプラグイン。デモページを見て頂ければ分かりますが、コンテンツごとに固定されるサイドバーをわけられるようです。



スクロールしても、サイドバー「Heading」と書かれた部分は右側に固定されて表示されます。



更にスクロールするとコンテンツが別れるので、それ以上は下に来ません。



１から実装するとなるとpositionの切り替えが結構大変で挫折しがちなこの処理もプラグインで一発。素晴らしい。

関連エントリ

• 普通のテーブルをExcel風に超カッコよくしてくれるjQueryプラグイン「ParamQuery」
• Amebaっピグっぽい物が作れるjQueryプラグイン「pp3Diso」
• jQueryでブレットグラフを作れるjQueryプラグイン「jquery bullet graph」
• Instagramの写真をサイトに簡単掲載できるjQueryプラグイン「Spectragram」
• 単色のエレメントを立体的に美しくできるjQueryプラグイン「Add Shine」