의미 : 스크롤 막대 높이
함수 : 스크롤 로딩 (AJAX), 스크롤 내비게이션 고정 포지셔닝, 총알 프레임 포지셔닝 스크롤 등
스크롤 내비게이션 및 사이드 바 스크롤 고정 포지셔닝의 효과를 보여줍니다.
1. 크롬 브라우저
두 문서. Body.scrolltop 및 Document.DocumentElement.scrolltop은 괜찮습니다
2. 각 브라우저의 스크롤 탑의 차이점
IE6/7/8/9/10 :
DocType 선언이없는 페이지의 경우 document.body.scrolltop을 사용하여 스크롤 탑 높이를 얻을 수 있습니다.
DocType Declarations가있는 페이지의 경우 Document.DocumentElement.scrolltop을 사용할 수 있습니다.
원정 여행:
Safari는 매우 특별하며 ScrollTop : Window.PageyOffset을 얻는 자체 기능이 있습니다.
Firefox :
Firefox 및 기타 비교적 표준 브라우저는 훨씬 걱정이 없으므로 직접 사용하십시오.
document.documentElement.scrolltop;
3. 스크롤 탑 값을 얻으십시오
스크롤 탑 할당 문구를 얻기에 완벽한 :
var scrolltop = document.documentElement.scrolltop || window.pageyoffset || document.body.scrolltop;
추신 : JavaScript의 스크롤 탑 사용 문제
document.documentElement.scrolltop은 스크롤 막대의 수직 좌표를 나타냅니다.
document.documentElement.clientHeight는 브라우저의 가시 영역의 높이를 나타냅니다.
document.documentElement.clientHeight-odiv는 매달린 상자의 초기 수직 좌표입니다 (신체의 최고 값에 비해) (이 값은 고정 됨)
그러나 스크롤 막대를 당기면 플로팅 프레임의 수직 좌표 (대상)를 초기 좌표에 따라 스크롤 막대와 함께 시각적으로 스크롤하는 효과를 얻으려면 증가 또는 감소해야합니다. 증가 또는 감소 값은 스크롤 막대가 당기는 거리, 즉 스크롤 탑입니다.
JavaScript의 ScrollTop과 OffsetTop의 차이점을 알려 드리겠습니다.
스크롤 탑은 스크롤 가능한 블록이 10 픽셀로 아래로 스크롤하는 등 아래로 스크롤되는 거리를 말하면이 요소의 스크롤 탑 속성 값은 10입니다.
오프셋 탑은 요소의 상단 테두리와 상위 테두리 사이의 절대 거리입니다.
두 사람은 같은 것을 묘사하지 않으므로 비교가 없습니다.
위는 편집자가 소개 한 JavaScript의 ScrollTop에 대한 전체 설명입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 더 알고 싶다면 Wulin.com에주의를 기울이십시오!