Element-Scrolling in JavaScript
Die folgenden Eigenschaften enthalten, wie weit ein Element gescrollt wurde:
javascriptconsole.log(elem.scrollTop); // von oben
console.log(elem.scrollLeft); // von links
Das folgende Beispiel demonstriert die Funktion dieser Eigenschaften. Scrollen Sie das Element und klicken Sie auf die Schaltfläche, Sie sehen den Scroll-Wert:
Gegeben ist ein Element und eine Schaltfläche. Bei Klick auf die Schaltfläche ermitteln Sie, wie weit das Element vertikal gescrollt wurde.
Gegeben ist ein Element und eine Schaltfläche. Bei Klick auf die Schaltfläche prüfen Sie, ob das Element vertikal gescrollt wurde.
Scrollen Sie das Element bis zum Ende. Klicken Sie auf die Schaltfläche, um den Wert des gesamten Scrollbereichs anzuzeigen.
Ermitteln Sie scrollHeight des Elements
und subtrahieren Sie davon den Wert des gesamten Scrollbereichs
(aus der vorherigen Aufgabe). Welcher Wert ergibt sich?
Welche Abmessungen enthält er?
Addieren Sie offsetHeight und den Wert des gesamten Scrollbereichs.
Subtrahieren Sie diese Summe vom scrollHeight-Wert.
Welche Zahl ergibt sich?