Javascript 当窗口顶部到达特定元素时,将类添加到DIV中,否则将其删除

Javascript 当窗口顶部到达特定元素时,将类添加到DIV中,否则将其删除,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我在包装的顶部有一个.navigation。 当窗口顶部到达.bottomDIV时,我想将其添加为.fixed类。当.bottom的顶部在窗口的作用域中时,删除该类(&remove)它(在添加和删除.fixed类之间切换) var bottom=$('.bottom').offset().top 应该这样做 这会将视口顶部的偏移量与窗口的scrollTop()进行比较,而不是比较整个元素。可视化您的要求很好,但您的代码在哪里。?如何滚动.navigation?@acdcjunior它是使用默认

我在包装的顶部有一个
.navigation
。 当窗口顶部到达
.bottom
DIV时,我想将其添加为
.fixed
类。当
.bottom
的顶部在窗口的作用域中时,删除该类(&remove)它(在添加和删除.fixed类之间切换)

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

应该这样做


这会将视口顶部的偏移量与窗口的
scrollTop()
进行比较,而不是比较整个元素。

可视化您的要求很好,但您的代码在哪里。?如何滚动
.navigation
?@acdcjunior它是使用默认浏览器scrollerGlad进行滚动的,我可以提供帮助。:)
<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');
    }
});