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');
    }
});