Elementen scrollen in JavaScript
De volgende eigenschappen bevatten hoeveel een element is gescrolld:
javascriptconsole.log(elem.scrollTop); // van boven
console.log(elem.scrollLeft); // van links
Het volgende voorbeeld demonstreert de werking van deze eigenschappen. Scroll het element en klik op de knop, je zult de scrollhoeveelheid zien:
Gegeven een element en een knop. Bij het klikken op de knop, bepaal hoeveel het element verticaal is gescrolld.
Gegeven een element en een knop. Bij het klikken op de knop, controleer of het element verticaal is gescrolld.
Scroll het element tot het einde. Klik op de knop om de totale scrollhoeveelheid weer te geven.
Verkrijg de scrollHeight van het element
en trek daar de totale scrollhoeveelheid van af
(van de vorige opdracht). Welke waarde krijg je?
Welke afmetingen bevat het?
Tel offsetHeight en de totale scrollhoeveelheid op.
Trek deze som af van de scrollHeight waarde.
Welk getal krijg je?