william666
@william666

Как добавить класс при достижении определенного элемента верха страницы и удалить его?

есть такой код:
jQuery(document).ready(function($){

            $(window).on('scroll', function(){
                if($(window).scrollTop() >= $('#element').offset().top){
                  $('.menu').addClass('addclass');
                }
              });
        });


добавляет addclass к menu при достижении id="element" верха страницы и прокрутки далее к низу, но как удалить addclass, когда id="element" снова оказался ниже верха страницы
  • Вопрос задан
  • 287 просмотров
Решения вопроса 1
miliko0022
@miliko0022
Краткие личные сведения, включая интересующую вас
Просто сделайте обратное:
jQuery(document).ready(function($){

        $(window).on('scroll', function(){
            if($(window).scrollTop() < $('#element').offset().top){
              $('.menu').removeClass('addclass');
            }
          });
    });


или Просто используйте toggleClass или removeClass :)

jQuery(document).ready(function($){
    $(window).on('scroll', function(){
        if($(window).scrollTop() >= $('#element').offset().top){
            $('.menu').addClass('addclass');
        }
        else 
        {
            $('.menu').toggleClass('addclass');
            //or use $('.menu').removeClass('addclass');
        }
 });
});
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы