makefixed.js

JavaScript

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

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

makefixed.js

デモ

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

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

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

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

makefixed.js

関連記事

  1. JavaScript

    レイアウトを超簡単に雑誌風に整列してくれるjQuery Masonryの使い方

    jQuery Masonryというプラグインを使えば、ものすごく簡単に…

  2. Inspiration for Letter Effects

    JavaScript

    印象的なテキストエフェクトを実装する「Inspiration for Letter Effects」…

    anime.jsを活用した、印象的でとってもかっこいいテキストエフェク…

  3. Schedule Template

    JavaScript

    シンプルなスケジュール表を実装する「Schedule Template」

    スッキリしたデザインのシンプルなスケジュールテンプレートを実装するため…

  4. Letter Effects and Interaction Ideas
  5. 4PXMMenu

    JavaScript

    滑らかなアニメーションでモバイルサイトに最適なメニュー実装「4PXMMenu」

    4PXMMenuはモバイルサイトに最適なメニューを実装することができる…

最近の記事

  1. ワンタッチ着脱フィルターキット
  2. Soundcore Ace A1
  3. cheero USB-C PD Charger 60W
  4. DY-S01

アーカイブ

PAGE TOP