JavaScript-də Sürüşdürmə Nəzərə Alınmaqla Pəncərə Ölçüləri

Gəlin sürüşdürülmüş hissəni nəzərə alaraq pəncərənin ölçülərini əldə edək. Təəssüf ki, bütün brauzerlərdə işləyən rahat bir üsul yoxdur. Aşağıda işləyən həllər verilmişdir. Onları dərindən başa düşməyə çalışmaq lazım deyil, sadəcə istifadə edin.

Sürüşdürülmüş hissə ilə birlikdə hündürlük:

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);

Sürüşdürülmüş hissə ilə birlikdə en:

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

Düyməni kliklədikdə, sürüşdürülmüş hissəni nəzərə alaraq hündürlüyü çap edin.

Задание 2

Düyməni kliklədikdə, sürüşdürülmüş hissəni nəzərə alaraq eni çap edin.

Задание 3

Düyməni kliklədikdə, sürüşdürmənin altında qalan gizli hissənin hündürlüyünü çap edin.