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. 抹茶クリームドーナツ
  2. FAST
  3. クリスマスブレンド
  4. ホワイトチョコマカダミアドーナツ
  5. エッグペペ
PAGE TOP