要素を特定の位置に固定できるjQueryプラグイン「Fixit」

Fixit

Fixitは要素を特定の位置に固定することができるjQueryプラグインです。スクロールした時に、通常なら隠れてしまう要素を固定して表示させておくことができます。

Fixit

デモ

デモでは下へスクロールしていくと複数の白黒のボックスが見えてきます。通常だと下へスクロールしていくと上まできた要素は隠れていきますが、デモでは白黒のボックスがしっかり固定されていきます。

各ボックスは特定の位置に固定されるので、応用次第でさまざまなシーンに役立ちそうですね。

また、Fixitにはオプションもいくつか用意されています。主なオプションは、topMargin、addClassAfter、sameDimension、zIndexです。各オプション項目のデフォルト値は、topMarginが0、addClassAfterがnull、sameDimensionがtrue、zIndexが0です。

そのほか、トリガされるイベントのセッティングもできます。イベントには、fixedとunfixedが用意されています。

内容は、fixedは要素が固定された時、unfexedは要素が元に戻った時です。オプションやイベントを利用してカスタマイズして使いたい人にもうれしい仕様ですね。

Fixit

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

Archives