div를 끝까지 스크롤 할 때 클래스를 변경하는 방법은 무엇입니까?

Question

좋아, 3 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'); 

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