スクロール時に要素を固定できるjQueryプラグイン「ScrollFix」

no-image

ScrollFixはスクロール時に特定の要素を固定して表示できるjQueryプラグインです。画面の上部や下部に要素を固定できるので、ユーザーに特定の情報を見せておきたい場合には最適ですね。

ScrollFix

ScrollFix

デモでは下へスクロールしていくと特定の要素が上部または下部に固定された状態で表示されます。スクロールしても任意の情報を見せたままにしておきたい場合に役立ちます。

上部・下部どちらへ固定するかはオプションの「side」という項目から指定できるようになっています。デフォルトでは「"top"」です。他にも「"bottom"」「"both"」という値が用意されています。

また、オプションには他にもtopPosition、bottomPosition、topFixClass、bottomFixClass、substituteClass、style、styleSubstitute、syncSize、syncPositionなどいろいろな項目によるセッティングが可能です。

多彩なオプションでカスタマイズ性も備えているのがいいですね。サポートされているブラウザは、Firefox、Chrome、Safari、Opera、IE7+とのこと。

ScrollFix

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

Archives