scrollNav.js

ページ内のどこにいるかを分かりやすくナビしてくれるjQueryプラグイン「scrollNav.js」。
ページの見出しを<h1〜6>のタグで定義しているとして、見出しを自動でサイドバーに固定で出してくれて、カレント位置の見出しを太字にしてナビゲーションしてくれます。
当然、ナビ部分をクリックすれば指定位置までアニメーションしながらスクロールしてくれます。





コンテンツを追加した際も、ナビゲーションを変えなくていいので、とっても便利ですね
jQueryプラグインなので初期化するだけで利用もとっても簡単。

関連エントリ

• レスポンシブなナビゲーションの見本やチュートリアル
• ページ上部に隠れるナビゲーションバーが実装できるjQueryプラグイン「jBar」
• 目次のナビゲーションを自動生成してくれるjQueryプラグイン「TOC」