문서가 맨 위에 있지 않을 때 감지

Question

문서가 더 이상 맨 위가 아닌 경우, 즉 사용자가 아래로 스크롤하면 클래스를 적용하고 싶습니다. 이 작동하지 않는 이유를 누군가가 설명 할 수 : http://doodle.com/bspuhf6cazqpwhwi

Answer 1

window.scrollY이 당신의 친구입니다 : 명확한 이유로

if ($(window).scrollTop() != 0) { 
    // Do stuff 
}; 

, 여기에 내가합니다 (헤더에 border-bottom을 표시)을 찾고 기능입니다.

function checkScroll() { 
    if(window.scrollY > 0) { 
     // add classname 
    } else { 
     setTimeout(checkScroll, 300) // check again after 300ms 
    } 
} 
checkScroll() 

Answer 2

$(window).scroll(function() { 
    if ($(window).scrollTop() > 0) { 
    // Do stuff 
    } else { 
    // Do other stuff 
    } 
});