[javascript] $ (window) .scrollTop () vs. $ (document) .scrollTop ()

첫째, 당신은 차이를 이해하는 것이 필요 window하고 document. window객체는 최상위 클라이언트 측 개체입니다. window개체 위에는 아무것도 없습니다 . JavaScript는 객체 지향 언어입니다. 객체로 시작하여 객체의 속성 또는 객체 그룹의 속성에 메소드를 적용합니다. 예를 들어, document객체는 객체의 window객체입니다. document의 배경색 을 변경하려면 document의 bgcolor속성을 설정하십시오 .

window.document.bgcolor = "red" 

귀하의 질문에 대답하기 위해, 사이의 최종 결과에는 차이가 없다 window하고 document scrollTop. 둘 다 동일한 출력을 제공합니다.

http://jsfiddle.net/7VRvj/6/ 에서 실제 예제를 확인하십시오.

일반적인 사용에서 document주로 이벤트를 등록하고 사용하는 window등의 일을 scroll, scrollTop하고 resize.

답변

var top = ($(window).scrollTop() || $("body").scrollTop());