div가 JS 이벤트보다 많게 스크롤 된 경우

Question

전신 슬라이드가있는 웹 사이트에서 작업 중입니다. 본문의 오버플로가 숨겨져 있습니다. 슬라이드의 콘텐츠가 사용자의 화면 높이보다 큰 경우 사용자는 스크롤 막대를 사용하여 스크롤하거나 모바일에서 아래쪽으로 스 와이프해야합니다.

사용자가 JS 이벤트 트리거보다 50px (예 :)를 스크롤하고 사용자가 다른 JS 이벤트를 다시 스크롤하면 트리거되도록합니다. 이렇게하면 사용자가 스크롤하면 요소를 숨길 수 있고 위쪽으로 돌아 가면 요소 래퍼를 숨길 수 있습니다.

사용자가 스크롤 할 때 작동하는 다음을 사용했지만 값보다 작을 때 더 큰 값을 정의한 다음 다른 이벤트를 가질 수 있어야합니다.

$(".section").scroll(function() { 
    $("#header").css("display", "none").fadeOut("slow"); 
}); 

어떤 아이디어라도 대단히 감사 할 것입니다!

건배 리암

Answer 1

$(this).scrollTop()를 사용해보십시오 :

$(".section").scroll(function() { 
    if ($(this).scrollTop() > 50) { 
    // do something 
    } else { 
    // do something else 
    } 
});