stickyNavbar.js

JavaScript

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

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

stickyNavbar.jsの使い方

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

stickyNavbar.jsの使い方

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

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

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

stickyNavbar.js | Jozef Butko

Nexus 5の自動回転を止める設定Nexus 5で画面の自動回転を止める設定方法前のページ

レスポンシブ対応のフリーのテンプレート20+次のページフリーのレスポンシブのテンプレート

関連記事

  1. Circliful

    JavaScript

    円グラフで統計情報を伝えたい時に役立つjQueryプラグイン「Circliful」

    CirclifulというjQueryプラグインを使えば、統計情報を伝え…

  2. no-image
  3. 2013年上半期jQueryプラグインまとめ

    JavaScript

    2013年上半期に紹介したjQueryプラグイン50選まとめ

    気づいたらあっという間に2013年上半期が終わってしまいましたね。とい…

  4. Image Figure Caption effects
  5. Materialize Tags

    JavaScript

    マテリアルデザインのタグ管理を実装できる「Materialize Tags」

    Materialize Tagsは、マテリアルデザインのタグ管理を実装…

  6. lightgallery.js

最近の記事

  1. そそそ 明太クリームそうめん
  2. すしざんまい
  3. 蒼龍唐玉堂 特製牛バラ担々麺
  4. サーモンアボカドサラダラップとドリップ
  5. 猿田彦フレンチ

アーカイブ

PAGE TOP