Ändra elementets scroll i JavaScript

Egenskaper som innehåller elementets scroll kan ändras. I det här fallet kommer elementet att scrollas till det angivna värdet. Låt oss till exempel scrolla elementet till positionen 200px från toppen:

javascriptelem.scrollTop = 200;

Och nu scrollar vi elementet 100px ned från nuvarande värde:

javascriptelem.scrollTop = elem.scrollTop + 100;

Och nu scrollar vi elementet till slutet:

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

Givet ett element och en knapp. Vid klick på knappen, scrolla elementet till scrollpositionen 100px vertikalt och 50px horisontellt.

Задание 2

Givet ett element och en knapp. Vid klick på knappen, scrolla elementet 50px ner från nuvarande scrollposition.

Задание 3

Givet ett element och en knapp. Vid klick på knappen, scrolla elementet till toppen.

Задание 4

Givet ett element och en knapp. Vid klick på knappen, scrolla elementet till botten.