Dodaj klasę do DIV, gdy górna część okna osiąga określony element i usuń go, gdy nie jest

mam.navigation w górnej części opakowania. Chcę to dodać a.fixed klasa, gdy górna część okna osiągnie.bottom DIV i usuń tę klasę, gdy góra.bottom znajduje się w zasięgu okna (to przełączanie między dodawaniem i usuwaniem .fixed class).

<div id="wrapper">
    <div class="navigation">
        <!-- There are some list elements here -->
    </div>
    <div class="bottom"></div>
</div>

To właśnie zrobiłem, ale nie działa

bottom     = $('.bottom');
$(window).scroll(function(){    
    if ($(this).scrollTop() > bottom){ 
        $('.navigation').addClass('fixed'); 
    }
    else{
        $('.navigation').removeClass('fixed');
    }
});

questionAnswers(1)

yourAnswerToTheQuestion