Javascript-də elementlərin sərhədləri

Aşağıdakı xassələr elementin nə qədər sürüşdürüldüyünü ehtiva edir:

javascriptconsole.log(elem.scrollTop);  // yuxarıdan
console.log(elem.scrollLeft); // soldan

Aşağıdakı nümunə bu xassələrin işini nümayiş etdirir. Elementi sürüşdürün və düyməni basın, sürüşdürmə miqdarını görəcəksiniz:

Задание 1

Bir element və bir düymə verilmişdir. Düyməyə klikləndikdə elementin şaquli olaraq nə qədər sürüşdürüldüyünü öyrənin.

Задание 2

Bir element və bir düymə verilmişdir. Düyməyə klikləndikdə yoxlayın ki, element şaquli olaraq sürüşdürülübmü?

Задание 3

Elementi sona qədər sürüşdürün. Tam sürüşdürmə miqdarını göstərmək üçün düyməni basın.

Задание 4

Elementin scrollHeight dəyərini əldə edin və ondan tam sürüşdürmə miqdarını (əvvəlki məsələdən) çıxın. Nəticədə hansı dəyər alınır? Bu dəyərin içərisində hansı ölçülər var?

Задание 5

offsetHeight və tam sürüşdürmə miqdarını toplayın. Bu cəmi scrollHeight dəyərindən çıxın. Nəticədə hansı ədəd alınır?