ある程度スクロールする必要がある縦長ページでは現在地を示すようにナジゲーションボタンにカレント表示をした方が良いでしょう。
各要素の「.offset().top」の位置を取得し、if文を使い、各要素の開始位置以上スクロールしたら、その要素にaddClassします。
参考サイト
「offset().top」と「scrollTop()」を理解する
offset().topとは特定のHTML要素が配置されている座標を取得するのに使われるメソッドで、scrollTop()はスクロールした量を取得するメソッド
★offsetメソッド
document内に配置した要素の位置を座標で取得できるメソッドになります。
「top（Y座標）」と「left（X座標）」が取得出来ます。
| var Pos=$(‘#box’).offset().top; console.log(Pos); |
★scrollTopメソッド
「scrollTop()」を使用した場合、要素の最上部から縦スクロールした現在位置までのピクセル数を取得します。
{ scrollTop: 0 }であればtopから0ピクセルの位置で停止、{ scrollTop:100}であればtopから100pxの位置で停止します。
| $(window).scroll(function() { console.log($(this).scrollTop()); }) |