Posúvanie prvkov v JavaScripte
Nasledujúce vlastnosti obsahujú to, na koľko je prvok posunutý:
javascriptconsole.log(elem.scrollTop); // zhora
console.log(elem.scrollLeft); // zľava
Nasledujúci príklad demonštruje prácu týchto vlastností. Posuňte prvok a kliknite na tlačidlo, uvidíte veľkosť posunu:
Daný je prvok a tlačidlo. Po kliknutí na tlačidlo zistite, na koľko je prvok posunutý zvisle.
Daný je prvok a tlačidlo. Po kliknutí na tlačidlo skontrolujte, či je prvok posunutý zvisle.
Posuňte prvok až na koniec. Kliknite na tlačidlo, aby sa zobrazila veľkosť celkového posunu.
Získajte scrollHeight prvku
a odčítajte od neho veľkosť celkového posunu
(z predchádzajúcej úlohy). Aká hodnota vyjde?
Aké rozmery obsahuje v sebe?
Spočítajte offsetHeight a veľkosť celkového posunu.
Odčítajte tento súčet od hodnoty scrollHeight.
Aké číslo vyjde?