divの最後までスクロールするときにクラスを変更するには？

Question

私は3つのdivを持っています。私は2番目のdivのメニューを固定しています。固定メニューはその2番目のメニューに固定されていて、それがその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'); 

Answer 1

スクロールイベント中に置く：あなたのデモdisapearで

$(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