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

stickyNavbar.js

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

stickyNavbar.jsの使い方

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

stickyNavbar.jsの使い方
$(function() {
    $('.header').stickyNavbar();
});

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

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

stickyNavbar.js | Jozef Butko

スポンサーリンク

スポンサーリンク

アクセスランキング

Tags

オススメ商品

Archives