Scroll Elemen dalam JavaScript
Properti berikut berisi seberapa banyak sebuah elemen telah di-scroll:
javascriptconsole.log(elem.scrollTop); // dari atas
console.log(elem.scrollLeft); // dari kiri
Contoh berikut menunjukkan cara kerja properti-properti ini. Scroll elemen dan klik tombol, Anda akan melihat besarnya scroll:
Diberikan sebuah elemen dan sebuah tombol. Saat tombol ditekan, ketahui seberapa banyak elemen tersebut di-scroll secara vertikal.
Diberikan sebuah elemen dan sebuah tombol. Saat tombol ditekan, periksa apakah elemen tersebut telah di-scroll secara vertikal.
Scroll elemen hingga akhir. Tekan tombol untuk menampilkan besarnya scroll penuh.
Dapatkan scrollHeight elemen
dan kurangi dengan besarnya scroll penuh
(dari tugas sebelumnya). Nilai apa yang akan dihasilkan?
Dimensi apa yang dikandungnya?
Jumlahkan offsetHeight dan besarnya scroll penuh.
Kurangi jumlah ini dari nilai scrollHeight.
Angka berapa yang akan dihasilkan?