Как добавить класс к элементу html, когда веб-страница прокручена на несколько пикселей

Question

Я хочу добавить класс в $ ('# header'), когда моя веб-страница прокручивается вниз на 100 пикселей это код:

$(window).scroll(function(){
var offset = $(window).offset();
if (offset.top > 100) {
    $('#header').addClass('header2')
}
else {
    $('#header').removeClass('header2')
};
});

# JQueryCode

Answer 1

Используйте указанный ниже код

$(window).scroll(function() {    
    var scroll = $(window).scrollTop();
     //console.log(scroll);
    if (scroll >= 50) {
        //console.log('a');
        $("#header").addClass("header2");
    } else {
        //console.log('a');
        $("#header").removeClass("header2");
    }
});