Как добавлять класс при скролле?

Question

[Artem]

Всем привет!
Мне необходимо сделать такую вещь:
При скролле вниз( даже на 1 пиксель), добавлять к диву класс.
сейчас у меня сделан JS вот-так вот:

$(window).scroll(function(){
        if ( $(this).scrollTop() > 0 ) {
            $('.main-nav-wrap').toggleClass('header-has-background');
        } else {
            $('.main-nav-wrap').removeClass('header-has-backgroung');
        }
    })

Но он плохо работает, при каждом вращении колёсика моргает задний фон, и класс то удаляется, то добавляется.
Спасибо, всех с наступающим :D

Comments

[Владик Лимонадик]

Потому что у вас тугл класс, поменяйте тугл на аддкласс

Answer 1

[Дмитрий Кулик]

Можно еще так указать.

$(window).scroll(function(){
    $('.main-nav-wrap').toggleClass('header-has-background', $(this).scrollTop() > 0);
});

Comments

[Artem]

Мне еще необходимо удалять этот класс когда scrollTop == 0, как это сюда впихнуть?

[Слава]

Почитай, как работает toggleClass со вторым аргументом.Тогда и не будет этого вопроса.

Answer 2

[Alexey ZloDeeV]

Чувак в комментарии под постом прав. toggle меняет класс, тут нужен addClass вместо него

Comments

[Artem]

поменял, но теперь класс не удаляется, когда полность доверху скролльнул