Der richtige Weg, Javascript scrollTop zu verwenden

javascript scrollTop Ruft den Versatz der Bildlaufleiste relativ zu ihrem oberen Rand ab (z. B. Erstellen einer Schaltfläche „Zurück zum Anfang“, die automatisch angezeigt und ausgeblendet wird). In praktischen Anwendungen stoßen wir häufig auf die folgenden Probleme:
document.documentElement.scrollTop ist in Chrome immer 0
document.body.scrollTop ist in IE und Firefox immer 0

1, jeweils Unterschiede in window.pageYOffset/document.documentElement.scrollTop/document.body.scrollTop unter dem Browser
Beispiel:

<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: undefiniert
document.documentElement.scrollTop:100
document.body.scrollTop:0

Kein Dokumenttyp:
Fenster. pageYOffset: undefiniert
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

Kein Dokumenttyp:
window.pageYOffset: 100
document.documentElement.scrollTop: 0
document.body.scrollTop: 100

2. ScrollTop-Wert abrufen
ScrollTop-Aufgabenabkürzung perfekt abrufen:

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

Weitere Artikel zur korrekten Verwendung von Javascript scrollTop finden Sie auf der chinesischen PHP-Website!