no-image

JavaScript

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

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

ScrollFix

ScrollFix

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

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

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

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

ScrollFix

関連記事

  1. Alton

    JavaScript

    コンテンツごとに縦スクロールでナビゲートできるjQueryプラグイン「Alton」

    Altonはコンテンツごとに縦スクロールすることによりWebページをナ…

  2. Pogo Slider

    JavaScript

    豊富なスライドアニメーションが揃っているjQueryプラグイン「Pogo Slider」

    Pogo Sliderは豊富なスライドアニメーションが揃っているjQu…

  3. jQuery Star Flashing Effect
  4. Luminous

    JavaScript

    軽くてシンプルなLightboxを実装できるスクリプト「Luminous」

    Luminousを使えば軽くてシンプルなLightboxを実装すること…

  5. Accessible Mega Menu
  6. jQueryTween

    JavaScript

    軽量で軽快なアニメーションをするjQueryプラグイン「jQueryTween」

    jQueryTweenは軽量で軽快なアニメーションを実装することができ…

最近の記事

  1. Happy Plugs AIR1
  2. cheero Stream 10000mAh
  3. BOSE HOME SPEAKER 300
  4. RP-PC112
  5. SRS-XB402M

アーカイブ

PAGE TOP