Fügen Sie einer DIV eine Klasse hinzu, wenn der obere Rand des Fensters ein bestimmtes Element erreicht, und entfernen Sie es, wenn dies nicht der Fall ist
Ich habe ein.navigation
in der Oberseite der Verpackung. Ich möchte es hinzufügen.fixed
Klasse, wenn die Oberseite des Fensters die erreichte.bottom
DIV & entferne diese Klasse, wenn die Spitze der.bottom
liegt im Bereich des Fensters (es ist ein Umschalten zwischen Hinzufügen und Entfernen von .fixed-Klassen).
<div id="wrapper">
<div class="navigation">
<!-- There are some list elements here -->
</div>
<div class="bottom"></div>
</div>
Es ist das, was ich gemacht habe, aber nicht funktioniert
bottom = $('.bottom');
$(window).scroll(function(){
if ($(this).scrollTop() > bottom){
$('.navigation').addClass('fixed');
}
else{
$('.navigation').removeClass('fixed');
}
});