Elementin vierityksen muuttaminen JavaScriptissä

Elementtien vieritystä sisältäviä ominaisuuksia voidaan muuttaa. Tällöin elementti vieritään määritettyyn arvoon. Esimerkiksi vieritetään elementti asentoon 200px ylhäältä:

javascriptelem.scrollTop = 200;

Ja nyt vieritetään elementti 100px alas nykyisestä arvosta:

javascriptelem.scrollTop = elem.scrollTop + 100;

Ja nyt vieritetään elementti loppuun:

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

Annettu elementti ja painike. Painiketta painamalla vieritä elementti vieritysasentoon 100px pystysuunnassa ja 50px vaakasuunnassa.

Задание 2

Annettu elementti ja painike. Painiketta painamalla vieritä elementti 50px alas nykyisestä vieritysasennosta.

Задание 3

Annettu elementti ja painike. Painiketta painamalla vieritä elementti aivan ylös.

Задание 4

Annettu elementti ja painike. Painiketta painamalla vieritä elementti aivan alas.