[英]How to add a class to an html element when a web page has been scrolled several px
I want to add a class to $ ('# header') when my web page scrolls down by 100px当我的 web 页面向下滚动 100 像素时,我想将 class 添加到 $ ('# header')
this is the code:这是代码:
$(window).scroll(function(){
var offset = $(window).offset();
if (offset.top > 100) {
$('#header').addClass('header2')
}
else {
$('#header').removeClass('header2')
};
});
#JQueryCode #JQueryCode
Please use below mention code请使用下面提到的代码
$(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"); } });
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.