Rulning af elementer i JavaScript
Følgende egenskaber indeholder, hvor meget elementet er rullet:
javascriptconsole.log(elem.scrollTop); // fra toppen
console.log(elem.scrollLeft); // fra venstre
Følgende eksempel demonstrerer virkningen af disse egenskaber. Rul elementet og klik på knappen, du vil se rullebeløbet:
Givet et element og en knap. Ved klik på knappen, find ud af hvor meget elementet er rullet lodret.
Givet et element og en knap. Ved klik på knappen, tjek om elementet er rullet lodret.
Rul elementet til slut. Klik på knappen for at vise beløbet for fuld rulning.
Hent scrollHeight af elementet
og træk den fulde rulleværdi fra
(fra den forrige opgave). Hvilken værdi resulterer?
Hvilke dimensioner indeholder den?
Læg offsetHeight og den fulde rulleværdi sammen.
Træk denne sum fra værdien af scrollHeight.
Hvilket tal resulterer?