Добавьте класс в DIV, когда верхняя часть окна достигнет определенного элемента, и удалите его, когда нет

у меня есть.navigation в верхней части обертки. Я хочу добавить это.fixed класс, когда верхняя часть окна достигла.bottom DIV & удалить этот класс, когда вершина.bottom находится в области видимости окна (это переключение между добавлением и удалением .fixed класса).

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

Это то, что я сделал, но не работа

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

Ответы на вопрос(1)

Ваш ответ на вопрос