Bedeutung: Scroll -Balkenhöhe
Funktionen: Scroll -Laden (AJAX), Scroll -Navigation feste Positionierung, Scroll -Kugelrahmenpositionierung usw.
Zeigt die Auswirkungen von Scrolling Navigation und Sidebar Scrolling feste Positionierung an:
1. Chrombrowser
Sowohl document.body.scrolltop als auch document.documentElement.scrolltop sind in Ordnung
2. Die Unterschiede zwischen Scrolltop in jedem Browser
IE6/7/8/9/10:
Für Seiten ohne DocType -Erklärung können Sie document.body.Scrolltop verwenden, um die Skriptophöhe zu erhalten.
Für Seiten mit DocType -Erklärungen können Sie document.documentElement.scrolltop verwenden;
Safari:
Safari ist etwas Besonderes und hat eine eigene Funktion, um Scrolltop: window.pageyOffset zu erhalten;
Firefox:
Firefox und andere relativ Standard-Browser sind viel besorgniserregender. Verwenden Sie sie einfach direkt
document.documentElement.scrolltop;
3. Nehmen Sie den Scrolltop -Wert ab
Perfekt, um den Ausdruck der Zuordnungsbeschaffung zu erhalten:
var scrolltop = document.documentElement.scrolltop || window.pageyOffset || document.body.scrolltop;
PS: Problem bei der Verwendung von Scrolltop in JavaScript
document.documentElement.scrolltop bezieht sich auf die vertikalen Koordinaten der Bildlaufleiste
document.documentElement.clientHeight bezieht sich auf die Höhe des sichtbaren Bereichs des Browsers.
document.documentElement.clientHeight-odiv ist die anfängliche vertikale Koordinate des suspendierten Box (relativ zum oberen Wert des Körpers) (dieser Wert ist fest)
Wenn Sie jedoch den Bildlaufleisten ziehen, muss die vertikale Koordinate (Ziel) des schwimmenden Rahmens basierend auf der anfänglichen Koordinate erhöht oder verringert werden, um den Effekt des visuellen Scrolls mit der Scrollstange zu erhalten. Der Anstiegs- oder Abnahmewert ist der Abstand, den die Bildlaufleiste zog, dh Ihr Scrolltop
Lassen Sie mich Ihnen sagen, was der Unterschied zwischen Scrolltop und Offsettop in JavaScript
Scrolltop bezieht sich auf die Entfernung, in der ein scrollierbarer Block nach unten scrollt, z. B. nach unten nach unten nach unten nach unten gerichteter Block -Scrolltop -Attributwert dieses Elements nach unten rollt 10;
Offsettop ist der absolute Abstand zwischen dem oberen Rand des Elements und dem oberen Rand des übergeordneten Elements.
Die beiden beschreiben nicht dasselbe, daher gibt es keinen Vergleich.
Das obige ist die vollständige Beschreibung von Scrolltop in JavaScript, die Ihnen vom Editor vorgestellt wurde. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie mehr wissen möchten, achten Sie bitte wulin.com!