新しいセクションがスクロールされたときにアクティブナビゲーションリンクを変更するようにjqueryを設定するにはどうすればよいですか？

Question

私は、新しいセクションを手動でスクロールするときにnavリンクの背後にあるデザインを変更するjoefrey mahusayのテンプレート（ここにはhttp://webdesigneraid.com/html5/site-01/）を基にした単一のページhtml5サイトを作成しています。テンプレートをカスタマイズする際に、その機能が失われました。私は何が間違っていたのか理解しようとするためにコードを掘り下げてきましたが、私は非常に初心者であり、jqueryで簡単に失われます。私が変更に影響していると思うセクションは以下に掲載されていますが、私の変更に何が問題になったのか分かりません。手伝ってくれますか？

$(window).scroll(function() { 
$inview = $('section:in-viewport header').parent().attr('id'); 
if ($('a[hash=#' + $inview + ']') !== null) { 
    $link = $('a[hash=#' + $inview + ']').parent().attr('id').substr(4); 
} 

if ($link != $nCurrentActive && scrolling == 1) { 
    $nav.removeClass('active'); 
    offMenu($nCurrentActive); 
    $nCurrentActive = $link; 
    $('#nav-'+$nCurrentActive).addClass('active'); 
    onScrollMenu($nCurrentActive); 
} 
}); 

Answer 1

私はあなたがヘッダー要素を取り除いたと信じています。

「セクション：インビューポートヘッダ」

セクション内にはヘッダ要素が存在しないので、これは常に、空の配列を返します。