Големини на прозорецот земајќи ја предвид лизгачот во JavaScript

Ајде да ги добиеме големините на прозорецот земајќи ја предвид лизганата страна. За жал, не постои удобен начин кој работи во сите прелистувачи. Подолу се прикажани решения кои работат. Не вложувајте премногу во нив, едноставно користете ги.

Висина земајќи ја предвид лизганата страна:

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

Ширина земајќи ја предвид лизганата страна:

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

При клик на копчето прикажете ја висината земајќи ја предвид лизганата страна.

При клик на копчето прикажете ја ширината земајќи ја предвид лизганата страна.

При клик на копчето прикажете ја висината на скриениот дел под лизгачот.