スクロールではアクティブなメニューがチェーニングされません

Question

右側のメニューを作成しましたが、スクロールしてアクティブなクラスを次のメニューに変更していないときにこのコードを使用しましたが、私はあなたのコードでvar scrollLink = $('.myanimate');が欠けていると思うが、結果を

$(window).scroll(function() { 
    var scrollbarLocation = $(this).scrollTop(); 

    scrollLink.each(function() { 

     var sectionOffset = $(this.hash).offset().top - 70; 

     if (sectionOffset <= scrollbarLocation) { 
     $('.icons').removeClass('iconactive'); 
     $(this).children('.icons').addClass('iconactive'); 

     } 
    }); 
    }); 

DEMO

Answer 1

：http://jsfiddle.net/3xmop98u/

Answer 2

得ていません。あなたのデモでこの行を追加すると、コードが機能します。

あなたがscrollLinkを定義する必要があり、この

$(document).on('click', 'a[href^="#"]', function (event) { 
    event.preventDefault(); 
    $('html, body').animate({ 
     scrollTop: $($.attr(this, 'href')).offset().top 
    }, 1000); 
}); 

デモのような機能を追加することにより、アンカーリンクをクリックしたときにあなたには、いくつかのアニメーション効果を与えることができます

$(window).scroll(function() { 
    var scrollbarLocation = $(this).scrollTop(); 
    var scrollLink = $('.myanimate'); 
    scrollLink.each(function() { 

     var sectionOffset = $(this.hash).offset().top - 70; 

     if (sectionOffset <= scrollbarLocation) { 
     $('.icons').removeClass('iconactive'); 
     $(this).children('.icons').addClass('iconactive'); 

     } 
    }); 
    }); 

    $(".myanimate").click(function(){ 
     $('html, body').animate({ 
     scrollTop: $($(this).attr('href')).offset().top 
     }, 2000); 
    });