ページ内スクロールのナビゲーションをサイドカラムに自動で実装する、というスクリプトのご紹介。見出しまでスクロールすると、ナビゲーションの方も連動してくれます。ユーザビリティとしてはなかなか。

scrollNav.js


左側にあるやつです。ページ内の見出しがナビゲーションになっています。


見出しの位置までスクロールすればナビゲーションも連動します。

サイズも軽量みたい。使い方は簡単そうなので省きます。以下よりどうぞ。

scrollNav.js