JavaScriptда элементларни скроллаш

Қуйидаги хоссалар элемент қанча скролланганлигини кўрсатади:

javascriptconsole.log(elem.scrollTop);  // юқоридан
console.log(elem.scrollLeft); // чапдан

Қуйидаги мисол бу хоссаларнинг ишлашини кўрсатади. Элементни скроллаб, тугмани босинг, сиз скролл миқдорини кўрасиз:

Задание 1

Элемент ва тугма берилган. Тугма босилганда элемент вертикал боʻйича қанча скролланганлигини билинг.

Задание 2

Элемент ва тугма берилган. Тугма босилганда элемент вертикал боʻйича скролланганми-ёқми, текширинг.

Задание 3

Элементни охиригача скролланг. Тугмани босиб, тўлиқ скролл миқдори чиқарилишини таъминланг.

Задание 4

Элементнинг scrollHeight ини олинг ва ундан тўлиқ скролл миқдорини (олдинги машқдан) айиринг. Қандай қиймат чиқади? У қандай ўлчамларни ўз ичига олади?

Задание 5

offsetHeight ва тўлиқ скролл миқдорини қўшинг. Бу йиғиндини scrollHeight дан айиринг. Қандай сон чиқади?