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

Question

[HAbRAhabp]

Помогите уже, всю голову сломал. Нужно добавить класс non-visible элементу header, когда его не видно. А когда в фокусе, убрать его.
пример тут: ads.fr-m.biz

Answer 1

[Сергей Вирченко]

$(window).on('scroll', function(){
    var heightHeader = $('header').outerHeight();
    var scrolled = $(this).scrollTop();
    if(scrolled>heightHeader){
         $('header').addClass('active');
    }else{
         $('header').removeClass('active');
    }
});

Comments

[HAbRAhabp]

кое какие ошибки синтаксиса у вас, поправил, теперь работает)) поправьте ответ

[HAbRAhabp]

к тому же, scrollTop это функция

[Сергей Вирченко]

HAbRAhabp: писал сразу сюда без проверки, поэтому могут быть)

[Сергей Вирченко]

HAbRAhabp: поправил

Answer 2

[Дима Паутов]

https://github.com/dirkgroenen/jQuery-viewport-checker

Comments

[HAbRAhabp]

а без плагинов это реально решить?

[HAbRAhabp]

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