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. SPOILER ALERT!

    JavaScript

    画像やテキストにボカシを入れることができるjQueryプラグイン「SPOILER ALERT!」

    画像やテキストといった部分にボカシを入れることができるjQueryプラ…

  2. JavaScript

    サイドからスライド開閉するレスポンシブメニューのjQueryプラグイン「Material Menu」…

    Material Menuはサイドからスライド開閉するレスポンシブ対応…

  3. SpriteSpin

    JavaScript

    タッチにも対応した360度ビューを実装できるjQueryプラグイン「SpriteSpin」

    SpriteSpinはプロダクトページなどで役立つ、360度ビューを実…

  4. Building a Vertical Timeline With CSS and a Touch of JavaScript
  5. bubbly-bg

    JavaScript

    幻想的なバブル背景アニメーションを実装できる「bubbly-bg」

    bubbly-bgは幻想的で美しいバブル(気泡)背景アニメーションを実…

  6. jQuery ui material design datepicker

最近の記事

  1. 十和田湖
  2. 富有柿
  3. アイリスオーヤマの加湿器
PAGE TOP