tengo este problema En la parte inferior de una página hay un div fijo (posición: fija). Cuando me desplazo hacia abajo, quiero agregar una clase al div y cuando me desplazo hacia arriba, la clase debe eliminarse. El siguiente código funciona en el sentido de que agrega la clase pero al desplazarse hacia arriba no elimina la clase. Así que agregué una alerta al bloque else y ahora, si me desplazo hacia abajo, se dispara y veo una ventana emergente, lo que obviamente no tiene sentido.

 $(window).scroll(function () { if ($(this).scrollTop() > 50) { $("#legalNotice").addClass("show"); } else { $("#legalNotice").removeClass("show"); } });

¿Cómo puede ser esto correcto? Lo probé en varios navegadores y el mismo resultado cada vez.

Tengo otra parte para hacer lo mismo cuando me desplazo hacia abajo y funciona bien.

 $(window).scroll(function () { if ($(this).scrollTop() > 3000) { $("#legalNotice").removeClass("show"); } else { $("#legalNotice").addClass("show"); } });

¿Cuál podría ser el problema?