Método para rolar a janela por uma quantidade em JavaScript

O método scrollBy rola a janela por uma determinada quantidade a partir da posição atual. O primeiro parâmetro que ele aceita é o deslocamento horizontal, e o segundo é o vertical. Vamos rolar a janela pelas quantidades especificadas:

javascriptwindow.scrollBy(100, 200);

Vamos executar a rolagem na direção oposta:

javascriptwindow.scrollBy(-100, -200);

Vamos executar uma rolagem suave:

javascriptwindow.scrollBy({
  top: 100,
  left: 100,
  behavior: 'smooth'
});
Задание 1

Ao clicar no botão, role a janela para baixo em 100px.

Задание 2

Ao clicar no botão, role a janela para cima em 100px.

Задание 3

Ao clicar no botão, role suavemente a janela para baixo em 300px.

Задание 4

Ao clicar no botão, role suavemente a janela para cima em 300px.