2016-04-26 10 views
0

私はウェブサイトを1ページのテーマにしました。 )私はクラスを "アクティブ"に変更するにはクリックしたい、

私はあなたが私を助けて、私はこのコードを試してみましたが、それは動作しませんmenuzordメニュー

を使用し、

$(document).ready(function() { 

    $(document).on("scroll", onScroll); 

}); 

function onScroll(event){ 
     var scrollPos = $(document).scrollTop(); 
     $('.menuzord-menu li').each(function() { 
      var currLink = $(this); 
      var refElement = $(currLink.attr("href")); 
      if (refElement.position().top <= scrollPos && refElement.position().top + 
      refElement.height() > scrollPos) { 
       $('menuzord-menu li').removeClass("active"); 
       currLink.addClass("active"); 
      } 
      else{ 
       currLink.removeClass("active"); 
      } 
     }); 
    } 

答えて

0

このコード

function onScroll(event){ 
     var scrollPos = $(document).scrollTop(); 
     $('.menuzord-menu li').removeClass("active"); 
     $('.menuzord-menu li').each(function() { 
      var currLink = $(this); 
      var refElement = $(currLink.attr("href")); 
      if (refElement.position().top <= scrollPos && refElement.position().top + 
      refElement.height() > scrollPos) { 
       $('menuzord-menu li').removeClass("active"); 
       currLink.addClass("active"); 
      } 
     }); 
    } 
を試してみてください
+0

は動作しません、私は多くのコードを試しましたが動作しませんでした。何故かはわからない –

関連する問題