makefixed.js

JavaScript

スクロール中に要素を固定配置できるjQueryプラグイン「makefixed.js」

makefixed.jsはスクロール中に指定した要素を固定配置させることができるjQueryプラグインです。プラグイン自体はとても軽量になっており、見た目も機能もシンプルなので実装しやすいですね。使い方もシンプルです。

makefixed.js

デモ

下へスクロールしていくとナビゲーションメニューと画像が上部に固定配置されます。わざわざ上まで戻らなくてもすぐにメニューにアクセスできるのは便利ですね。

こんな感じで簡単にセッティングすることができます。

$('.fixed').makeFixed();

他にもデモにある画像のように固定された時に画像を大きくしたりといったカスタマイズも可能なので、気になる方は是非チェックしてみてください。

makefixed.js

関連記事

  1. Air Datepicker

    JavaScript

    軽量でクロスブラウザ、モダンブラウザに対応した「Air Datepicker」

    Air Datepickerは軽量でクロスブラウザ、モダンブラウザに対…

  2. Changing Background Color while scrolling
  3. jQuery TextFill

    JavaScript

    テキストをリサイズしてコンテナにフィットさせる「jQuery TextFill」

    jQuery TextFillはテキストをリサイズしてコンテナにフィッ…

  4. JavaScript

    シンプルで使いやすいベーシックなスライドショーを実装できるjQueryプラグイン「Basic jQu…

    jQueryスライダーのネタが多いですが、今日もまたスライダーのプラグ…

  5. Yamm 3

    JavaScript

    メガメニューをBootstrap3で実装する「Yamm 3」

    Yamm 3はメガメニューをBootstrap3を使って実装することが…

  6. JavaScript

    クリックで画像や要素にオーバーレイを表示させるjQueryプラグイン「Purplecoat.js」

    Purplecoat.jsはクリックすると画像や好きな要素にオーバーレ…

最近の記事

  1. mill オイルヒーター
  2. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP