Drsenje elementov v JavaScript

Naslednje lastnosti vsebujejo, koliko je element odrnan:

javascriptconsole.log(elem.scrollTop);  // od zgoraj
console.log(elem.scrollLeft); // od leve

Naslednji primer prikazuje delovanje teh lastnosti. Odrsnite element in kliknite gumb, videli boste količino drsenja:

Задание 1

Podan je element in gumb. Ob kliku na gumb ugotovite, koliko je element odrnan navpično.

Задание 2

Podan je element in gumb. Ob kliku na gumb preverite, ali je element odrnan navpično.

Задание 3

Odrsnite element do konca. Kliknite na gumb, da se prikaže vrednost popolnega drsenja.

Задание 4

Pridobite scrollHeight elementa in odštejte od njega vrednost popolnega drsenja (iz prejšnje naloge). Kakšno vrednost boste dobili? Katere dimenzije vsebuje?

Задание 5

Seštejte offsetHeight in vrednost popolnega drsenja. Odštejte to vsoto od vrednosti scrollHeight. Katero število boste dobili?