当窗口顶部到达特定元素时，将类添加到DIV，否则删除它

Question

我在包装器的顶部有一个.navigation。 当窗口顶部到达.fixed DIV＆amp;时，我想添加.bottom类。当.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');
    }
});

Answer 1

var bottom = $('.bottom').offset().top;

应该这样做。

这会比较从视口顶部到窗口scrollTop()的偏移量，而不是比较整个元素。