Heim > Web-Frontend > CSS-Tutorial > Warum gibt „document.body.scrollTop' im IE immer 0 zurück?

Warum gibt „document.body.scrollTop' im IE immer 0 zurück?

Patricia Arquette
Freigeben: 2024-11-16 05:47:03
Original
530 Leute haben es durchsucht

Why Does `document.body.scrollTop` Always Return 0 in IE?

Fehlerbehebung bei Document.body.scrollTop. Gibt im IE immer 0 zurück

Problem:
Abrufen der Bildlaufposition Die Verwendung von document.body.scrollTop in Internet Explorer gibt konsistent 0 zurück, auch wenn die Seite vorhanden ist gescrollt.

Grund:
IE handhabt das Scrollen von Seiten anders als andere Browser. Insbesondere in älteren Versionen kann document.body.scrollTop Scrollbewegungen möglicherweise nicht zuverlässig verfolgen.

Lösung:

Für ältere Versionen von IE wird ein umfassender Ansatz empfohlen:

var top = (document.documentElement && document.documentElement.scrollTop) || 
              document.body.scrollTop;
Nach dem Login kopieren

Dieser Code überprüft sowohl document.documentElement.scrollTop als auch document.body.scrollTop, um in den meisten Versionen von die richtige Bildlaufposition zu erhalten IE.

Wenn Sie eine neuere Version von IE verwenden oder ein verfeinerterer Ansatz erforderlich ist, sollten Sie stattdessen die Eigenschaft window.scrollY verwenden:

var top = window.scrollY;
Nach dem Login kopieren

window.scrollY bietet eine Cross- Browserlösung zum Abrufen der vertikalen Bildlaufposition.

Das obige ist der detaillierte Inhalt vonWarum gibt „document.body.scrollTop' im IE immer 0 zurück?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage