javascript scrollTop_Basic 지식을 올바르게 사용하는 방법

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

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

코드 복사 코드는 다음과 같습니다:

window.scroll(0,100)
console.log(“window.pageYOffset:” window.pageYOffset)
console.log(“document.documentElement.scrollTop : " document.documentElement.scrollTop)
console.log("document.body.scrollTop:" document.body.scrollTop)

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

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

파이어폭스/오페라:

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 값 할당 약어 완벽하게 가져오기:

코드 복사 코드는 다음과 같습니다.

var scrollTop = window.pageYOffset|| document.documentElement.scrollTop || document.body.scrollTop;