Penatalan Elemen dalam JavaScript

Sifat-sifat berikut mengandungi nilai berapa banyak elemen telah ditala:

javascriptconsole.log(elem.scrollTop);  // dari atas
console.log(elem.scrollLeft); // dari kiri

Contoh berikut menunjukkan cara sifat-sifat ini berfungsi. Tala elemen dan klik butang, anda akan melihat jumlah penatalan:

Задание 1

Diberikan elemen dan butang. Apabila butang ditekan, dapatkan nilai berapa banyak elemen telah ditala secara menegak.

Задание 2

Diberikan elemen dan butang. Apabila butang ditekan, periksa sama ada elemen telah ditala secara menegak.

Задание 3

Tala elemen hingga ke penghujung. Tekan butang untuk memaparkan jumlah penatalan penuh.

Задание 4

Dapatkan scrollHeight elemen dan tolakkannya dengan jumlah penatalan penuh (dari tugas sebelumnya). Apakah nilai yang akan diperoleh? Dimensi apakah yang terkandung di dalamnya?

Задание 5

Campurkan offsetHeight dan jumlah penatalan penuh. Tolakkan jumlah ini daripada nilai scrollHeight. Apakah nombor yang akan diperoleh?