当网页滚动了几个像素时，如何将类添加到html元素中

Question

当我的网页向下滚动100px时，我想向$('#header'(添加一个类
这是代码：

$(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");
}
});