Скролување на елементи во JavaScript

Следните својства содржат информации за тоа колку е скролиран елементот:

javascriptconsole.log(elem.scrollTop);  // одозгора
console.log(elem.scrollLeft); // одлева

Следниот пример ја демонстрира работата на овие својства. Скролирајте го елементот и кликнете на копчето, ќе ја видите количината на скролување:

Задание 1

Даден е елемент и копче. При клик на копчето дознајте колку е скролиран елементот вертикално.

Задание 2

Даден е елемент и копче. При клик на копчето проверете дали елементот е скролиран вертикално.

Задание 3

Скролирајте го елементот до крај. Кликнете на копчето за да се прикаже количината на целосното скролување.

Задание 4

Добијте scrollHeight на елементот и одземете ја од него количината на целосното скролување (од претходната задача). Која вредност ќе се добие? Кои димензии ги содржи таа во себе?

Задание 5

Соберете offsetHeight и количината на целосното скролување. Одземете го овој збир од вредноста scrollHeight. Кој број ќе се добие?