$($)의스크롤Top() 대 $(문서).스크롤맨 위()

$($)의스크롤Top() 대 $(문서).스크롤맨 위()

다음과 다른 점은 무엇입니까?

$(window).scrollTop()

그리고.

$(document).scrollTop()

감사해요.

둘 다 같은 효과를 낼 것입니다.

그러나 주석에서 지적한 바와 같이: 보다 많은 웹 브라우저에서 지원됩니다.$('html').scrollTop().

첫째, 당신은 그들 사이의 차이점을 이해할 필요가 있습니다.window그리고.document.그windowobject는 최상위 클라이언트측 개체입니다.위에는 아무것도 없습니다.window물건.자바스크립트는 객체 지향 언어입니다.개체에서 시작하여 개체의 속성 또는 개체 그룹의 속성에 메서드를 적용합니다.예를 들면.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());

저는 방금 이와 비슷한 문제를 몇 가지 겪었습니다.scrollTop여기에 기술되어 있습니다.

결국 선택기를 사용해서 파이어폭스와 IE에서 이 문제를 해결했습니다.$('*').scrollTop(0);

효과를 주고 싶지 않은 요소가 있는 경우 완벽하지 않지만 문서, 본문, HTML 및 윈도우의 차이를 피할 수 있습니다.도움이 된다면...

언급URL : https://stackoverflow.com/questions/5371139/window-scrolltop-vs-document-scrolltop