JavaScriptda elementlarni skroll qilish

Quyidagi xususiyatlar element qancha skroll qilinganligini ko'rsatadi:

javascriptconsole.log(elem.scrollTop);  // tepadan
console.log(elem.scrollLeft); // chapdan

Quyidagi misol ushbu xususiyatlarning ishlashini ko'rsatadi. Elementni skroll qiling va tugmani bosing, siz skroll miqdorini ko'rasiz:

Задание 1

Element va tugma berilgan. Tugma bosilganda element vertikal yo'nalishda qancha skroll qilinganligini aniqlang.

Задание 2

Element va tugma berilgan. Tugma bosilganda element vertikal yo'nalishda skroll qilinganligini tekshiring.

Задание 3

Elementni oxirigacha skroll qiling. To'liq skroll miqdorini ko'rsatish uchun tugmani bosing.

Задание 4

Elementning scrollHeight qiymatini oling va undan to'liq skroll miqdorini ayiring (oldingi vazifadan). Qanday qiymat hosil bo'ladi? U qanday o'lchamlarni o'z ichiga oladi?

Задание 5

offsetHeight va to'liq skroll miqdorini qo'shing. Bu yig'indini scrollHeight qiymatidan ayiring. Qanday son hosil bo'ladi?