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

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

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

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

Задание 1

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

Задание 2

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

Задание 3

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

Задание 4

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

Задание 5

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