ජවාස්ක්‍රිප්ට් හි අංග පෙරලීම

පහත දැක්වෙන ගුණාංගවල මූලද්‍රව්‍යය කොපමණ ප්‍රමාණයක් පෙරලා ඇත්ද යන්න අඩංගු වේ:

javascriptconsole.log(elem.scrollTop);  // ඉහළින්
console.log(elem.scrollLeft); // වමේ

පහත උදාහරණය මෙම දත්තවල ක්‍රියාකාරිත්වය ප්‍රදර්ශනය කරයි ගුණාංග. මූලද්‍රව්‍යය පෙරලා බොත්තම ක්ලික් කරන්න, ඔබට පෙරලීමේ ප්‍රමාණය දකිනු ඇත:

Задание 1

අංගයක් සහ බොත්තමක් ලබා දී ඇත. එය මත ක්ලික් කිරීමෙන් බොත්තම සිරස් අතට මූලද්‍රව්‍යය කොපමණ ප්‍රමාණයක් පෙරලා ඇත්දැයි සොයා බලන්න.

Задание 2

අංගයක් සහ බොත්තමක් ලබා දී ඇත. එය මත ක්ලික් කිරීමෙන් බොත්තම මූලද්‍රව්‍යය සිරස් අතට පෙරලා ඇත්දැයි පරීක්ෂා කරන්න.

Задание 3

මූලද්‍රව්‍යය අවසානය දක්වා පෙරලන්න. ක්ලික් කරන්න සම්පූර්ණ පෙරලීමේ ප්‍රමාණය පෙන්වීමට බොත්තම.

Задание 4

මූලද්‍රව්‍යයේ scrollHeight ලබා ගන්න එයින් සම්පූර්ණ පෙරලීමේ ප්‍රමාණය අඩු කරන්න (පෙර කාර්යයෙන්). කුමන අගයක් ලැබේද? එහි අඩංගු වන්නේ කුමන ප්‍රමාණද?

Задание 5

offsetHeight සහ සම්පූර්ණ පෙරලීමේ ප්‍රමාණය එකතු කරන්න. මෙම එකතුව scrollHeight අගයෙන් අඩු කරන්න. කුමන අංකයක් ලැබේද?