Elementų slinkimas JavaScript

Šios savybės nurodo, kiek elementas yra paslinktas:

javascriptconsole.log(elem.scrollTop);  // iš viršaus
console.log(elem.scrollLeft); // iš kairės

Šis pavyzdys demonstruoja šių savybių veikimą. Paslinkite elementą ir spustelėkite mygtuką, pamatysite slinkimo kiekį:

Задание 1

Duotas elementas ir mygtukas. Paspaudus mygtuką, sužinokite, kiek elementas yra paslinktas vertikaliai.

Задание 2

Duotas elementas ir mygtukas. Paspaudus mygtuką, patikrinkite, ar elementas yra paslinktas vertikaliai.

Задание 3

Paslinkite elementą iki galo. Spustelėkite mygtuką, kad būtų rodomas viso slinkimo kiekis.

Задание 4

Gaukite scrollHeight elemento reikšmę ir atimkite iš jos viso slinkimo kiekį (iš ankstesnės užduoties). Kokią reikšmę gausite? Kokius matmenis ji apima?

Задание 5

Sudėkite offsetHeight ir viso slinkimo kiekį. Atimkite šią sumą iš scrollHeight reikšmės. Kokį skaičių gausite?