makefixed.js

JavaScript

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

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

makefixed.js

デモ

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

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

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

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

makefixed.js

関連記事

  1. jquery.square.js

    JavaScript

    スクエアなグリッドレイアウトを実装できる「jquery.square.js」

    jquery.square.jsは、スクエアなグリッドレイアウトを実装…

  2. JavaScript

    ナビゲーションをレスポンシブデザインにしてくれるjQueryプラグイン「HorizontalNav」…

    覚えておくと便利そうだったのでメモがてらエントリーします。リスト化した…

  3. zelect

    JavaScript

    セレクトボックスをカスタマイズして使いやすくしてくれる「zelect」

    zelectはセレクトボックスをユーザーが使いやすくなるようにカスタマ…

  4. funnyText.js
  5. GoogleSheets-HTMLImporter
  6. Nex

    JavaScript

    ダイナミックで美しいフルスクリーンのjQueryスライダーを実装できる「Nex」

    Nexはダイナミックで様々なアニメーションエフェクトが用意されたフルス…

最近の記事

  1. KMC-80BK
  2. 味噌ラーメン〜旨辛にんにく味噌〜
  3. STP-XH70
  4. 久保田城
  5. ハードサイド CS80

Instagram始めました

Facebookページ

PAGE TOP