복붙노트

[JQUERY] $ (창) .scrollTop () 대 $ (문서) .scrollTop ()

JQUERY

$ (창) .scrollTop () 대 $ (문서) .scrollTop ()

해결법


  1. 1.그들은 모두 같은 효과를 가질 것입니다.

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

    그러나, 코멘트에 지적 밖으로 같은 : $ (창) .scrollTop () $보다 더 많은 웹 브라우저에서 지원됩니다 ( 'HTML') scrollTop ()..


  2. 2.첫째, 당신은 윈도우와 문서 사이의 차이를 이해할 필요가있다. 창 객체는 최상위 클라이언트 측 개체입니다. window 객체 위에 아무것도 없다. 자바 스크립트는 객체 지향 언어입니다. 당신은 객체로 시작하고 해당 속성에 대한 방법 또는 객체 그룹의 속성을 적용합니다. 예를 들어, 문서 객체는 window 객체의 목적이다. 문서의 배경색을 변경하려면 문서의 BGCOLOR 속성을 설정할 것입니다.

    첫째, 당신은 윈도우와 문서 사이의 차이를 이해할 필요가있다. 창 객체는 최상위 클라이언트 측 개체입니다. window 객체 위에 아무것도 없다. 자바 스크립트는 객체 지향 언어입니다. 당신은 객체로 시작하고 해당 속성에 대한 방법 또는 객체 그룹의 속성을 적용합니다. 예를 들어, 문서 객체는 window 객체의 목적이다. 문서의 배경색을 변경하려면 문서의 BGCOLOR 속성을 설정할 것입니다.

    window.document.bgcolor = "red" 
    

    귀하의 질문에 대답하기 위해, 창 및 문서 scrollTop의 최종 결과에는 차이가 없습니다. 모두 같은 출력을 제공 할 것입니다.

    일반적인 사용 문서에서 주로 이벤트를 등록하고 스크롤, scrollTop 및 크기 조정 등의 작업을 수행하는 창을 사용합니다.


  3. 3.이 일의 크로스 브라우저 방법입니다

    이 일의 크로스 브라우저 방법입니다

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

  4. 4.난 그냥 scrollTop과 유사한 문제 중 일부는 여기에 설명 했어.

    난 그냥 scrollTop과 유사한 문제 중 일부는 여기에 설명 했어.

    결국 나는 선택 $ ( '*')를 사용하여 파이어 폭스와 IE에서이 문제를 가지고 scrollTop (0).;

    당신이 효과를 원하지 않는 요소가 있지만 문서, 바디, HTML 및 창 불균형을 걸어 다니는 경우 완벽하지 않습니다. 그것이 도움이된다면 ...

  5. from https://stackoverflow.com/questions/5371139/window-scrolltop-vs-document-scrolltop by cc-by-sa and MIT license