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

Следните свойства съдържат стойността, с която е прокрутен елементът:

javascriptconsole.log(elem.scrollTop);  // отгоре
console.log(elem.scrollLeft); // отляво

Следният пример демонстрира работата на тези свойства. Прокрутете елемента и натиснете бутона, ще видите стойността на прокрутката:

Задание 1

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

Задание 2

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

Задание 3

Прокрутете елемента до края. Натиснете бутона, за да се изведе стойността на пълната прокрутка.

Задание 4

Вземете scrollHeight на елемента и извадете от него стойността на пълната прокрутка (от предишната задача). Каква стойност ще се получи? Какви размери съдържа тя в себе си?

Задание 5

Съберете offsetHeight и стойността на пълната прокрутка. Извадете тази сума от стойността scrollHeight. Какво число ще се получи?