makefixed.js

JavaScript

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

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

makefixed.js

デモ

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

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

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

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

makefixed.js

iPhoneのSafari(サファリ)でリンク先を新規タブで開く方法前のページ

キャプションを表示させるエフェクトを実装できる「Image Figure Caption effects」次のページImage Figure Caption effects

関連記事

  1. sidebar-nav

    JavaScript

    ツリー型のサイドナビゲーションを実装できる「sidebar-nav」

    sidebar-navはツリー型でレスポンシブに対応したサイドナビゲー…

  2. nanogallery2

    JavaScript

    美しくてハイクオリティなイメージギャラリーを実装できる「nanogallery2」

    nanogallery2はパーソナルニーズにピッタリなイメージギャラリ…

  3. css3-mediaqueries-js

    JavaScript

    Media QueriesをIE8以下でも使えるようにするための「css3-mediaqueries…

    前回、Media Queriesの@mediaを使用したCSSをまとめ…

  4. How satisfied are you? Slider
  5. Menu Droplet Animation
  6. JavaScript

    ウェーブ(波形)を簡単に描いてくれるjQueryプラグイン「Wave」

    WaveというjQueryプラグインを使ってみました。これを使えばウェ…

最近の記事

  1. スタバ ドリップコーヒー
  2. エチオピア
  3. 紗々 飴色和栗
  4. DCG-CA21
  5. Apple WatchでのMacロック解除を無効

アーカイブ

PAGE TOP