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:

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

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

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

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

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

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