Derularea elementelor în JavaScript
Următoarele proprietăți conțin cât de mult este derulat un element:
javascriptconsole.log(elem.scrollTop); // de sus
console.log(elem.scrollLeft); // din stânga
Următorul exemplu demonstrează funcționarea acestor proprietăți. Derulați elementul și faceți clic pe buton, veți vedea valoarea derulării:
Este dat un element și un buton. La click pe buton, aflați cât de mult este derulat elementul pe verticală.
Este dat un element și un buton. La click pe buton, verificați dacă elementul este derulat pe verticală.
Derulați elementul până la sfârșit. Apăsați pe buton, pentru a afișa valoarea derulării complete.
Obțineți scrollHeight al elementului
și scădeți din el valoarea derulării complete
(din sarcina anterioară). Ce valoare veți obține?
Ce dimensiuni conține în sine?
Adunați offsetHeight și valoarea derulării complete.
Scădeți această sumă din valoarea scrollHeight.
Ce număr veți obține?