자바스크립트 ScrollTop을 사용하는 올바른 방법

javascript scrollTop 상단을 기준으로 스크롤 막대의 오프셋을 가져옵니다(예: 자동으로 표시하고 숨기는 "맨 위로 돌아가기" 버튼 만들기). 실제 애플리케이션에서는 다음과 같은 문제에 자주 직면합니다.
document.documentElement.scrollTop은 Chrome에서 항상 0입니다
document.body.scrollTop은 IE 및 Firefox에서 항상 0입니다

1, 각각의 차이점은 window.pageYOffset/document.documentElement.scrollTop/document.body.scrollTop 브라우저 아래
예:

<span style="font-size: 16px;">window.scroll(0,100)<br/>console.log(“window.pageYOffset:”+window.pageYOffset)<br/>console.log(“document.documentElement.scrollTop:”+document.documentElement.scrollTop)<br/>console.log(“document.body.scrollTop:”+document.body.scrollTop)</span>

IE6/7/8:
doctype:
window .pageYOffset: 정의되지 않음
document.documentElement.scrollTop:100
document.body.scrollTop:0

문서 유형 없음:
창. pageYOffset: 정의되지 않음
document.documentElement.scrollTop:0
document.body.scrollTop:100
Safari/Chrome:
window.pageYOffset:100
document.documentElement.scrollTop:0
document.body.scrollTop: 100

Firefox/Opera:

doctype:
window.pageYOffset: 100
document .documentElement.scrollTop:100
document.body.scrollTop: 0

문서 유형 없음:
window.pageYOffset: 100
document.documentElement.scrollTop: 0
document.body.scrollTop: 100

2. scrollTop 값 가져오기
완벽하게 scrollTop 할당 약어 가져오기:

<span style="font-size: 16px;">var scrollTop = window.pageYOffset|| document.documentElement.scrollTop || document.body.scrollTop;</span>

자바스크립트 scrollTop을 사용하는 올바른 방법과 관련된 더 많은 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!