Metode til at scrolle vinduet med en given mængde i JavaScript

Metoden scrollBy scroller vinduet med en given mængde fra den aktuelle position. Den tager første parameter som forskydning horisontalt, og anden parameter - vertikalt. Lad os scrolle vinduet med de angivne mængder:

javascriptwindow.scrollBy(100, 200);

Lad os udføre scrolling i modsat retning:

javascriptwindow.scrollBy(-100, -200);

Lad os udføre en glat scrolling:

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

Ved klik på en knap, scroll vinduet 100px ned.

Задание 2

Ved klik på en knap, scroll vinduet 100px op.

Задание 3

Ved klik på en knap, scroll glat vinduet 300px ned.

Задание 4

Ved klik på en knap, scroll glat vinduet 300px op.