Пракрутка элементаў у JavaScript

Наступныя ўласцівасці ўтрымліваюць тое, на колькі пракручаны элемент:

javascriptconsole.log(elem.scrollTop);  // зверху
console.log(elem.scrollLeft); // злева

Наступны прыклад дэманструе працу даных уласцівасцей. Пракруціце элемент і націсніце на кнопку, вы ўбачыце велічыню пракруткі:

Задание 1

Дадзены элемент і кнопка. Па націсканню на кнопку даведайцеся на колькі пракручаны элемент па вертыкалі.

Задание 2

Дадзены элемент і кнопка. Па націсканню на кнопку праверце, пракручаны ці элемент па вертыкалі.

Задание 3

Пракруціце элемент да канца. Націсніце на кнопку, каб вывелася велічыня поўнай пракруткі.

Задание 4

Атрымайце scrollHeight элемента і адніміце ад яго велічыню поўнай пракруткі (з папярэдняй задачы). Якое значэнне атрымаецца? Якія памеры яно ўтрымлівае ў сабе?

Задание 5

Складзіце offsetHeight і велічыню поўнай пракруткі. Адніміце гэтую суму ад значэння scrollHeight. Якое лік атрымаецца?