Alterando a rolagem de elementos em JavaScript

As propriedades que contêm a rolagem dos elementos podem ser alteradas. Nesse caso, o elemento será rolado para o valor especificado. Vamos, por exemplo, rolar o elemento para a posição 200px do topo:

javascriptelem.scrollTop = 200;

E agora, vamos rolar o elemento 100px para baixo a partir do valor atual:

javascriptelem.scrollTop = elem.scrollTop + 100;

E agora, vamos rolar o elemento até o final:

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

Há um elemento e um botão. Ao clicar no botão, role o elemento para a posição 100px na vertical e 50px na horizontal.

Задание 2

Há um elemento e um botão. Ao clicar no botão, role o elemento 50px para baixo a partir da posição atual de rolagem.

Задание 3

Há um elemento e um botão. Ao clicar no botão, role o elemento até o topo.

Задание 4

Há um elemento e um botão. Ao clicar no botão, role o elemento até a base.