javascript - 滚动时事件菜单不会改变

Question

我已经创建了一个右侧菜单，但是当我向下滚动时，它并没有将事件类更改为下一个菜单，我已经多次使用这段代码，但这次我没有得到结果，

  $(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

你需要定义scrollLink，你可以通过添加这样的函数在点击 anchor 链接时提供一些动画效果

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

演示:http://jsfiddle.net/3xmop98u/