stickyNavbar.js

JavaScript

スクロール中にナビメニューを上部に表示できるjQueryプラグイン「stickyNavbar.js」

stickyNavbar.jsというjQueryプラグインを使えば、スクロール中にナビメニューをブラウザ上部に表示させることができます。わざわざ上に戻らなくてもメニューにアクセスできるのでとても便利ですね。

stickyNavbar.jsの使い方

こんな感じで、スクロールしていくとナビメニューが上部に固定配置されます。

stickyNavbar.jsの使い方

$(function() {
    $('.header').stickyNavbar();
});

実際のデモを確認してみるとスクロールする度にナビメニューにユラユラと少しだけ揺れるようなアニメーションがついています。

また、オプションもたくさん用意されているので、多くの人が自分に合ったカスタマイズをすることができます。

stickyNavbar.js | Jozef Butko

関連記事

  1. Yamm 3

    JavaScript

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

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

  2. Animate Plus

    JavaScript

    CSS、SVGを使った多彩なアニメーションを実装できる「Animate Plus」

    Animate PlusはCSS、SVGを使った多彩なアニメーションを…

  3. Albe Timeline

    JavaScript

    JSONデータを用いたタイムライン実装「Albe Timeline」

    Albe TimelineはJSONデータを用いたカスタマイズ性の高い…

  4. JQuery SlideShow

    JavaScript

    軽量な自動スライドショー(画像・動画)を実装できる「JQuery SlideShow」

    JQuery SlideShowは、画像・動画のスライドショーを実装で…

  5. jQuery plugin Watermark
  6. Panoramix Image

    JavaScript

    左右に移動できるパノラマ画像を表示させれる「Panoramix Image」

    Panoramix Imageは、左右に移動できるパノラマ画像を表示さ…

最近の記事

  1. スタバのドリップのホットのショート
  2. LE エルイー 6 PANEL CAP
  3. タリーズ ハウスブレンド
  4. BAG-TW1BKシリーズ

アーカイブ

PAGE TOP