$ (window) .scrollTop () vs. $ (document) .scrollTop ()

$ (window) .scrollTop () vs. $ (document) .scrollTop ()

---

차이점은 무엇입니까?

$(window).scrollTop()

과

$(document).scrollTop()

감사.

---

그들 모두 같은 효과를 낼 것 입니다.

의견에서 지적 그러나 : $(window).scrollTop()더 많은 웹 브라우저에서 지원되는 것보다 $('html').scrollTop().

---

먼저, 창과 문서의 차이점을 이해해야합니다. 창 개체는 최상위 클라이언트 쪽 개체입니다. 창 개체 위에는 아무것도 없습니다. 자바 스크립트는 객체 지향 언어입니다. 객체로 시작하여 객체의 속성 또는 객체 그룹의 속성에 메소드를 적용합니다. 예를 들어, 문서 객체는 윈도우 객체의 객체입니다. 문서의 배경색을 변경하려면 문서의 bgcolor 속성을 설정합니다.

window.document.bgcolor = "red" 

귀하의 질문에 대답하기 위해, 윈도우와 문서 scrollTop의 최종 결과에는 차이가 없습니다. 둘 다 동일한 출력을 제공합니다.

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

일반적으로 문서는 주로 이벤트를 등록하고 window를 사용하여 scroll, scrollTop 및 resize와 같은 작업을 수행합니다.

---

이 작업을 수행하는 브라우저 간 방법은

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

---

방금 scrollTop여기 에 설명 된 것과 비슷한 문제가 있습니다.

결국 나는 선택기를 사용하여 Firefox 와 IE 에서이 문제를 해결했습니다.$('*').scrollTop(0);

효과를 원하지 않지만 문서, 본문, HTML 및 창 불일치 문제를 해결하는 요소가 있으면 완벽하지 않습니다. 도움이된다면 ...

참고 URL : https://stackoverflow.com/questions/5371139/window-scrolltop-vs-document-scrolltop