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. Bootstrap Mobile FullScreen Modal
  2. Lobibox

    JavaScript

    レスポンシブなメッセージを通知できる「Lobibox」

    Lobiboxはレスポンシブなメッセージボックスを通知できるjQuer…

  3. Tilt.js

    JavaScript

    パララックスとチルトを兼ね備えたホバーエフェクト実装「Tilt.js」

    Tilt.jsはパララックスとチルトの動きを兼ね備えた滑らかなホバーエ…

  4. Excolo Slider

    JavaScript

    タッチにも対応しているシンプルなjQueryスライダー「Excolo Slider」

    タッチやマウススライドにも対応しているシンプルなjQueryスライダー…

  5. share-this

    JavaScript

    テキストを選択してシェアできるMediumライクな「share-this」

    share-thisはテキストを選択して手軽にTwitterやFace…

  6. gliojs

    JavaScript

    viewportから離れた時にイベントをトリガーしてくれる「gliojs」

    gliojsは、ページを閲覧している時にマウスがviewport(表示…

最近の記事

  1. USB-2H401BKN
  2. Dyson Pure Cool Me
  3. ルック セレクション
  4. シルキーウインドモバイル

アーカイブ

PAGE TOP