Fixitは要素を特定の位置に固定することができるjQueryプラグインです。スクロールした時に、通常なら隠れてしまう要素を固定して表示させておくことができます。
Fixit
Fixitの実際のデモは以下からチェックできます。
デモでは下へスクロールしていくと複数の白黒のボックスが見えてきます。通常だと下へスクロールしていくと上まできた要素は隠れていきますが、デモでは白黒のボックスがしっかり固定されていきます。
各ボックスは特定の位置に固定されるので、応用次第でさまざまなシーンに役立ちそうですね。
また、Fixitにはオプションもいくつか用意されています。主なオプションは、topMargin、addClassAfter、sameDimension、zIndexです。各オプション項目のデフォルト値は、topMarginが0、addClassAfterがnull、sameDimensionがtrue、zIndexが0です。
そのほか、トリガされるイベントのセッティングもできます。イベントには、fixedとunfixedが用意されています。
内容は、fixedは要素が固定された時、unfexedは要素が元に戻った時です。オプションやイベントを利用してカスタマイズして使いたい人にもうれしい仕様ですね。
というわけで、要素を特定の位置に固定できる便利なjQueryプラグイン「Fixit」のご紹介でした。Fixitの詳しい使い方やダウンロードは、以下のページからどうぞ。
