Změna posouvání prvku v JavaScriptu

Vlastnosti obsahující posouvání prvků lze měnit. V tomto případě se prvek posune na zadanou hodnotu. Pojďme například posunout prvek na pozici 200px shora:

javascriptelem.scrollTop = 200;

A nyní posuneme prvek o 100px dolů od aktuální hodnoty:

javascriptelem.scrollTop = elem.scrollTop + 100;

A nyní posuneme prvek na konec:

javascriptelem.scrollTop = elem.scrollHeight - elem.clientHeight;
Задание 1

Je dán prvek a tlačítko. Po stisknutí tlačítka posuňte prvek na pozici posouvání 100px svisle a 50px vodorovně.

Задание 2

Je dán prvek a tlačítko. Po stisknutí tlačítka posuňte prvek o 50px dolů od aktuální pozice posouvání.

Задание 3

Je dán prvek a tlačítko. Po stisknutí tlačítka posuňte prvek úplně nahoru.

Задание 4

Je dán prvek a tlačítko. Po stisknutí tlačítka posuňte prvek úplně dolů.