Modificarea scroll-ului unui element în JavaScript

Proprietățile care conțin scroll-ul elementelor pot fi modificate. În acest caz, elementul va fi scrollat la valoarea specificată. Să scrollăm, de exemplu, elementul la poziția 200px de sus:

javascriptelem.scrollTop = 200;

Și acum să scrollăm elementul cu 100px în jos față de valoarea curentă:

javascriptelem.scrollTop = elem.scrollTop + 100;

Și acum să scrollăm elementul până la sfârșit:

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

Este dat un element și un buton. La click pe buton scrollați elementul la poziția de scroll 100px pe verticală și 50px pe orizontală.

Задание 2

Este dat un element și un buton. La click pe buton scrollați elementul cu 50px în jos față de poziția curentă de scroll.

Задание 3

Este dat un element și un buton. La click pe buton scrollați elementul până în vârf.

Задание 4

Este dat un element și un buton. La click pe buton scrollați elementul până la fund.