JavaScript'te Kaydırma Dahil Pencere Boyutları

Kaydırılan kısım dahil pencere boyutlarını alalım. Maalesef, tüm tarayıcılarda çalışan pratik bir yöntem yok. Aşağıda çalışan çözümler verilmiştir. Bunları derinlemesine anlamaya çalışmayın, sadece kullanın.

Kaydırılan kısım dahil yükseklik:

let scrollHeight = Math.max(
	document.body.scrollHeight, document.documentElement.scrollHeight,
	document.body.offsetHeight, document.documentElement.offsetHeight,
	document.body.clientHeight, document.documentElement.clientHeight
);

console.log(scrollHeight);

Kaydırılan kısım dahil genişlik:

let scrollWidth = Math.max(
	document.body.scrollWidth, document.documentElement.scrollWidth,
	document.body.offsetWidth, document.documentElement.offsetWidth,
	document.body.clientWidth, document.documentElement.clientWidth
);

console.log(scrollWidth);

Butona tıklandığında, kaydırılan kısım dahil yüksekliği yazdırın.

Butona tıklandığında, kaydırılan kısım dahil genişliği yazdırın.

Butona tıklandığında, kaydırma ile gizlenmiş kısmın yüksekliğini yazdırın.