2016-04-26 3 views
0

У меня вопрос, я сделал сайт, тему одной страницы, и я хочу, чтобы нажимали, чтобы изменить класс «активно», каждый раздел нажал (о, портфолио ...)Я хочу, чтобы поменять класс «active»,

я использую 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

не работает, я пробовал много кодов, но не работал; я не знаю почему –

Смежные вопросы