Agregue una clase a un DIV cuando la parte superior de la ventana alcance un elemento específico y elimínela cuando no esté
tengo un.navigation
en la parte superior de la envoltura. Quiero añadirlo a.fixed
clase, cuando la parte superior de la ventana alcanzó el.bottom
DIV y eliminar esta clase cuando la parte superior de la.bottom
está en el alcance de la ventana (es una alternancia entre agregar y eliminar clase .fixed).
<div id="wrapper">
<div class="navigation">
<!-- There are some list elements here -->
</div>
<div class="bottom"></div>
</div>
Es lo que hice, pero no trabajo.
bottom = $('.bottom');
$(window).scroll(function(){
if ($(this).scrollTop() > bottom){
$('.navigation').addClass('fixed');
}
else{
$('.navigation').removeClass('fixed');
}
});