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.