Heim > Artikel > Web-Frontend > Die Scrolltop-Methode in JS, die perfekt mit den wichtigsten Browser-Javascript-Kenntnissen kompatibel ist
1. Unterschiede in scrollTop zwischen Browsern
IE6/7/8/9/10:
Für Seiten ohne Doctype-Deklaration können Sie document.body.scrollTop verwenden, um die scrollTop-Höhe zu ermitteln
Für Seiten mit Doctype-Deklaration können Sie document.documentElement.scrollTop ;
verwenden
Safari:
Safari ist etwas ganz Besonderes, es hat eine eigene Funktion zum Abrufen von scrollTop: window.pageYOffset; Firefox:Firefox und andere relativ Standardbrowser sind viel einfacher zu bedenken. Verwenden Sie einfach document.documentElement.scrollTop
2. Ermitteln Sie den scrollTop-Wert
Erhalten Sie perfekt die scrollTop-Aufgabenphrase:
Denn wenn die Zahl 0 mit undefine ODER-verknüpft wird, gibt das System standardmäßig den letzten Wert zurück. Das heißt, 0 == undefine in OR-Operation;
Wenn sich die Bildlaufleiste der Seite ganz oben befindet, dh wenn der scrollTop-Wert 0 ist, kehrt window.pageYOffset (Safari) unter IE zu „undefiniert“ zurück Am Ende der ODER-Operation gibt scrollTop undefiniert zurück. Wenn undefiniert in der nächsten Operation verwendet wird, wird ein Fehler gemeldet.
Andere Browser geben undefiniert nicht zurück, unabhängig von der scrollTop-Zuweisung oder der Reihenfolge der Vorgänge. Es kann sicher verwendet werden.
Am Ende ist es also immer noch das Problem des IE...
Ich bin etwas verwirrt, ich weiß nicht, ob ich mich klar ausdrücken kann.
Aber am Ende bin ich zu dem Schluss gekommen, dass dieser Satz getestet wurde und in Ordnung ist, sodass Sie ihn bedenkenlos verwenden können.
Code kopieren