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. CurvedText

    JavaScript

    曲線上にテキストを配置できるjQueryプラグイン「CurvedText」

    CurvedTextというjQueryプラグインを使えば、任意の曲線上…

  2. HCaptions

    JavaScript

    ホバー時に色々なエフェクトでキャプションをオーバーレイ表示できるjQueryプラグイン「HCapti…

    指定した要素をホバーすると色々なエフェクトでキャプションをオーバーレイ…

  3. Bootstrap Photo Gallery jQuery plugin
  4. jQuery fatNav

    JavaScript

    ミニマルテイストなフルスクリーンメニューを実装できる「jQuery fatNav」

    jQuery fatNavはミニマルテイストなフルスクリーンのナビゲー…

  5. FractionSlider

    JavaScript

    各要素ごとにスライドアニメーションを設定できるjQueryプラグイン「FractionSlider」…

    複数の各要素ごとにスライドアニメーションを設定できるjQueryプラグ…

  6. jQuery Autocompleter

    JavaScript

    カスタマイズ性に優れたサジェスト機能を実装できる「jQuery Autocompleter」

    jQuery Autocompleterはカスタマイズ性に優れたサジェ…

最近の記事

  1. BALMUDA The Pure
  2. BALMUDA The Pot Chrome

アーカイブ

PAGE TOP