Quiero agregar una clase a $ ('# header') cuando mi página web se desplaza 100px hacia abajo
este es el código:

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

#JQueryCode

1
Ramzi Yusuf 3 ago. 2020 a las 07:08

1 respuesta

La mejor respuesta

Utilice el código de mención a continuación

$(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");
    }
});
1
Pankaj kumar 3 ago. 2020 a las 04:27