JavaScript'te Elementlerin Kaydırılması
Aşağıdaki özellikler, bir elementin ne kadar kaydırıldığını içerir:
console.log(elem.scrollTop); // üstten
console.log(elem.scrollLeft); // soldan
Aşağıdaki örnek, bu özelliklerin çalışmasını göstermektedir. Elementi kaydırın ve butona tıklayın, kaydırma miktarını göreceksiniz:
Bir element ve bir buton verilmiştir. Butona tıklandığında, elementin dikey olarak ne kadar kaydırıldığını öğrenin.
Bir element ve bir buton verilmiştir. Butona tıklandığında, elementin dikey olarak kaydırılıp kaydırılmadığını kontrol edin.
Elementi en sona kadar kaydırın. Tam kaydırma miktarının görüntülenmesi için butona tıklayın.
Elementin scrollHeight değerini alın
ve bundan tam kaydırma miktarını
(önceki görevden) çıkarın. Hangi değer elde edilir?
İçinde hangi boyutları barındırır?
offsetHeight ve tam kaydırma miktarını toplayın.
Bu toplamı scrollHeight değerinden çıkarın.
Hangi sayı elde edilir?