Javascript 当滚动到div末尾时，如何更改类？

好的，我有三个div。我在第二个div中有固定菜单，我希望固定菜单只在第二个菜单中固定，当它从该div中出来时，它是

display:none

将其放入滚动事件中：

$(document).on( 'scroll', function(){
    if($(this).scrollTop()>=$('.compare-wrapper').position().top)
        $('.compare-menu-fixed').css('display','block');
    else
         $('.compare-menu-fixed').css('display','none');
});  

在演示中，当涉及到比较菜单时。。。我想只在那个div中可见我更新了我的答案和演示…默认情况下你可能想隐藏那个div，这样它只在它在里面时才出现…检查演示
$(document).on( 'scroll', function(){
    if($(this).scrollTop()>=$('.compare-wrapper').position().top)
        $('.compare-menu-fixed').css('display','block');
    else
         $('.compare-menu-fixed').css('display','none');
});