Rullning av element i JavaScript
Följande egenskaper innehåller hur mycket ett element har rullats:
javascriptconsole.log(elem.scrollTop); // från toppen
console.log(elem.scrollLeft); // från vänster
Följande exempel demonstrerar hur dessa egenskaper fungerar. Rulla elementet och klicka på knappen, du kommer att se rullningsstorleken:
Givet ett element och en knapp. Vid klick på knappen, ta reda på hur mycket elementet har rullats vertikalt.
Givet ett element och en knapp. Vid klick på knappen, kontrollera om elementet har rullats vertikalt.
Rulla elementet till slutet. Klicka på knappen så att den fullständiga rullningsstorleken visas.
Hämta scrollHeight för elementet
och subtrahera den fullständiga rullningsstorleken
(från föregående uppgift). Vilket värde får du?
Vilka dimensioner innehåller det?
Addera offsetHeight och den fullständiga rullningsstorleken.
Subtrahera denna summa från värdet scrollHeight.
Vilket nummer får du?