Wie ermittelt man den Prozentsatz des vertikalen Scrollens browserübergreifend?

Browserübergreifende Bestimmung des Prozentsatzes der vertikalen Bildlaufleiste

Die Bestimmung des Prozentsatzes der vertikalen Bildlaufleiste, durch die sich ein Benutzer bewegt hat, ist eine entscheidende Aufgabe im Web Entwicklung. In diesem Artikel wird eine Methode untersucht, um diese browserübergreifende Kompatibilität in modernen Browsern zu erreichen.

Mit dem Ereignis „onscroll“ und dem Zugriff auf documentElement.scrollTop oder body.scrollTop können wir die aktuelle Position der Bildlaufleiste ermitteln. Darüber hinaus liefert documentElement.scrollHeight oder body.scrollHeight die Gesamthöhe des scrollbaren Bereichs.

Durch die Kombination dieser Werte können wir den Scroll-Prozentsatz wie folgt berechnen:

<code class="javascript">var percent = (h[st] || b[st]) / ((h[sh] || b[sh]) - h.clientHeight) * 100;</code>

Wobei:

• h ist das documentElement-Objekt
• b ist das Body-Objekt
• st ist die scrollTop-Eigenschaft
• sh ist die scrollHeight-Eigenschaft

Diese Methode bietet eine genaue und browserübergreifende kompatible Lösung zur Bestimmung des vertikalen Scroll-Prozentsatzes. Es funktioniert gut in Chrome, Firefox und IE9, mit der Ausnahme, dass es bei einigen mobilen Browsern aufgrund des automatischen Ausblendens beim Scrollen in der Browser-Benutzeroberfläche möglicherweise nicht genau 100 % erreicht.

Das obige ist der detaillierte Inhalt vonWie ermittelt man den Prozentsatz des vertikalen Scrollens browserübergreifend?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!