Adicione uma classe a um DIV quando a parte superior da janela alcança um elemento específico e o remove quando não

Question

Dec 01, 2013, 04:56 PM

Adicione uma classe a um DIV quando a parte superior da janela alcança um elemento específico e o remove quando não

eu tenho um.navigation na parte superior do invólucro. Eu quero adicionar um.fixed classe, quando o topo da janela atingiu o.bottom DIV & remover esta classe quando o topo do.bottom está no escopo da janela (é uma alternância entre adicionar e remover classe .fixed).

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

É o que eu fiz, mas não trabalho

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