Zmena posúvania prvku v JavaScripte
Vlastnosti, ktoré obsahujú posúvanie prvkov,
je možné meniť. V takom prípade sa prvok
posunie na zadanú hodnotu.
Skúsme napríklad posunúť prvok
na pozíciu 200px zhora:
javascriptelem.scrollTop = 200;
A teraz posuňme prvok o
100px nadol od aktuálnej hodnoty:
javascriptelem.scrollTop = elem.scrollTop + 100;
A teraz posuňme prvok na koniec:
javascriptelem.scrollTop = elem.scrollHeight - elem.clientHeight;
Задание 1
Daný je prvok a tlačidlo. Po kliknutí na
tlačidlo posuňte prvok na pozíciu
posúvania 100px vertikálne
a 50px horizontálne.
Задание 2
Daný je prvok a tlačidlo. Po kliknutí na
tlačidlo posuňte prvok o 50px
nadol od aktuálnej pozície posúvania.
Задание 3
Daný je prvok a tlačidlo. Po kliknutí na tlačidlo posuňte prvok úplne nahor.
Задание 4
Daný je prvok a tlačidlo. Po kliknutí na tlačidlo posuňte prvok úplne nadol.