Rulling av elementer i JavaScript
Følgende egenskaper inneholder hvor mye et element er rullet:
javascriptconsole.log(elem.scrollTop); // fra toppen
console.log(elem.scrollLeft); // fra venstre
Følgende eksempel demonstrerer hvordan disse egenskapene fungerer. Rull elementet og klikk på knappen, du vil se rullende mengde:
Gitt et element og en knapp. Ved å klikke på knappen, finn ut hvor mye elementet er rullet vertikalt.
Gitt et element og en knapp. Ved å klikke på knappen, sjekk om elementet er rullet vertikalt.
Rull elementet til slutten. Klikk på knappen for å vise den totale rulleverdien.
Få tak i scrollHeight til elementet
og trekk fra den totale rulleverdi
(fra forrige oppgave). Hvilken verdi får du?
Hvilke dimensjoner inneholder den?
Legg sammen offsetHeight og den totale rulleverdi.
Trekk denne summen fra verdien scrollHeight.
Hvilket tall får du?