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

no-image使いやすいタグ入力機能を実装できる「jQuery Tags Input Revisited Plugin」前のページ

あらかじめ設定したリストなどから複数タグを選択できる「Tokenize2」次のページno-image

関連記事

  1. t.js

    JavaScript

    タイプライターで文字を入力するようなテキストエフェクトのjQueryプラグイン「t.js」

    t.jsというjQueryプラグインを使えば、タイプライターで文字を入…

  2. jQuery Scrollify

    JavaScript

    セクションごとにスクロールしてくれる「jQuery Scrollify」

    jQuery Scrollifyはセクションごとにスクロールしてくれる…

  3. ReadRemaining.js

    JavaScript

    記事を読むのにかかる時間を教えてくれるjQueryプラグイン「ReadRemaining.js」

    ReadRemaining.jsは記事を読むのにどのくらい時間がかかる…

  4. no-image

    JavaScript

    フラットでシンプルなカラーピッカー実装「Pickr」

    Pickrはフラットでシンプルなカラーピッカーを実装できるのが特徴です…

  5. no-image

    JavaScript

    アクセシブルなビフォーアフター画像を実装できる「BeerSlider」

    BeerSliderはVanilla JSによるアクセシブルなビフォー…

  6. Monthly.js

    JavaScript

    レスポンシブに対応したカレンダーを実装できる「Monthly.js」

    Monthly.jsはレスポンシブに対応したシンプルで美しいカレンダー…

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP