Ändern des Element-Scrollens in JavaScript

Eigenschaften, die das Scrollen von Elementen enthalten, können geändert werden. In diesem Fall wird das Element zum angegebenen Wert gescrollt. Lassen Sie uns zum Beispiel ein Element zur Position 200px von oben scrollen:

javascriptelem.scrollTop = 200;

Und jetzt scrollen wir das Element um 100px nach unten vom aktuellen Wert:

javascriptelem.scrollTop = elem.scrollTop + 100;

Und jetzt scrollen wir das Element zum Ende:

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

Gegeben ist ein Element und ein Button. Beim Klick auf den Button scrollen Sie das Element zur Scroll-Position 100px vertikal und 50px horizontal.

Задание 2

Gegeben ist ein Element und ein Button. Beim Klick auf den Button scrollen Sie das Element um 50px nach unten von der aktuellen Scroll-Position.

Задание 3

Gegeben ist ein Element und ein Button. Beim Klick auf den Button scrollen Sie das Element ganz nach oben.

Задание 4

Gegeben ist ein Element und ein Button. Beim Klick auf den Button scrollen Sie das Element ganz nach unten.