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:

javascriptlet 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:

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

console.log(scrollWidth);
Задание 1

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

Задание 2

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

Задание 3

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