Veľkosti okna s prihliadnutím na posun v JavaScript

Získajme veľkosti okna s prihliadnutím na posunutú časť. Žiaľ, neexistuje žiadny pohodlný spôsob, ktorý by fungoval vo všetkých prehliadačoch. Nižšie sú uvedené fungujúce riešenia. Nemusíte sa do nich ponárať, jednoducho ich použite.

Výška s prihliadnutím na posunutú časť:

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

Šírka s prihliadnutím na posunutú časť:

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

Po kliknutí na tlačidlo vypíšte výšku s prihliadnutím na posunutú časť.

Po kliknutí na tlačidlo vypíšte šírku s prihliadnutím na posunutú časť.

Po kliknutí na tlačidlo vypíšte výšku skrytej časti pod posunom.