Elementu ritināšana JavaScript

Šādas īpašības satur to, cik tālu elements ir ritināts:

javascriptconsole.log(elem.scrollTop);  // no augšas
console.log(elem.scrollLeft); // no kreisās puses

Šis piemērs demonstrē šo īpašību darbību. Ritiniet elementu un nospiediet pogu, jūs redzēsiet ritināšanas apjomu:

Задание 1

Dots elements un poga. Nospiežot pogu, uzziniet, cik tālu elements ir ritināts vertikāli.

Задание 2

Dots elements un poga. Nospiežot pogu, pārbaudiet, vai elements ir ritināts vertikāli.

Задание 3

Ritiniet elementu līdz galam. Nospiediet pogu, lai parādītos pilnā ritināšanas apjoms.

Задание 4

Iegūstiet elementa scrollHeight un atņemiet no tā pilno ritināšanas apjomu (no iepriekšējā uzdevuma). Kāda vērtība iznāks? Kādus izmērus tas satur sevī?

Задание 5

Saskaitiet offsetHeight un pilno ritināšanas apjomu. Atņemiet šo summu no scrollHeight vērtības. Kāds skaitlis iznāks?