Elementide kerimine JavaScriptis

Järgmised omadused sisaldavad seda, kui palju element on keritud:

javascriptconsole.log(elem.scrollTop);  // ülevalt
console.log(elem.scrollLeft); // vasakult

Järgmine näide demonstreerib nende omaduste tööd. Kerige elementi ja klõpsake nuppu, näete kerimise suurust:

Задание 1

Antud element ja nupp. Vajutades nuppu, saage teada, kui palju on element vertikaalselt keritud.

Задание 2

Antud element ja nupp. Vajutades nuppu, kontrollige, kas element on vertikaalselt keritud.

Задание 3

Kerige element lõpuni. Vajutage nuppu, et kuvataks täieliku kerimise suurus.

Задание 4

Hankige elemendi scrollHeight ja lahutage sellest täieliku kerimise suurus (eelmisest ülesandest). Milline väärtus saadakse? Millised mõõtmed see sisaldab?

Задание 5

Liidage offsetHeight ja täieliku kerimise suurus. Lahutage see summa väärtusest scrollHeight. Milline number saadakse?