Cambio del desplazamiento de elementos en JavaScript

Las propiedades que contienen el desplazamiento de los elementos se pueden modificar. En este caso, el elemento se desplazará al valor especificado. Por ejemplo, desplacemos un elemento a la posición 200px desde la parte superior:

javascriptelem.scrollTop = 200;

Y ahora desplacemos el elemento 100px hacia abajo desde el valor actual:

javascriptelem.scrollTop = elem.scrollTop + 100;

Y ahora desplacemos el elemento hasta el final:

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

Se dan un elemento y un botón. Al hacer clic en el botón, desplace el elemento a la posición de desplazamiento de 100px verticalmente y 50px horizontalmente.

Задание 2

Se dan un elemento y un botón. Al hacer clic en el botón, desplace el elemento 50px hacia abajo desde la posición actual de desplazamiento.

Задание 3

Se dan un elemento y un botón. Al hacer clic en el botón, desplace el elemento hasta la parte superior.

Задание 4

Se dan un elemento y un botón. Al hacer clic en el botón, desplace el elemento hasta la parte inferior.