当滚动到div的末尾时如何改变class？

Question

我有3个div，第二个div中有一个固定的菜单，我希望这个固定菜单只在那个div中固定，并且当它超出该div时，display:none;。这是我的样例代码。有什么建议吗？

https://jsfiddle.net/wx38rz5L/1817/

if ($(this).scrollTop()>=$('.compare-wrapper').position().top)
    $('.compare-menu-fixed').css('display','block');
else
    $('.compare-menu-fixed').css('display','block');

- None

Answer 1

将其放置在滚动事件中：

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

Check Demo Here

- Luthando Ntsekwa

---

在您的演示中，当涉及到比较菜单时会消失...我希望它只在那个div中可见。 - None

我更新了我的答案和演示......你可能想默认隐藏那个div，这样它只有在内部时才会出现......检查演示。 - Luthando Ntsekwa