Vensterafmetingen inclusief scrollen in JavaScript

Laten we de afmetingen van het venster verkrijgen inclusief het gescrollde deel. Helaas is er geen handige methode die in alle browsers werkt. Hieronder staan werkende oplossingen. Het is niet nodig er diep op in te gaan, gebruik ze gewoon.

Hoogte inclusief gescrolld deel:

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

Breedte inclusief gescrolld deel:

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

Bij het klikken op de knop, geef de hoogte weer inclusief het gescrollde deel.

Bij het klikken op de knop, geef de breedte weer inclusief het gescrollde deel.

Bij het klikken op de knop, geef de hoogte weer van het verborgen deel onder de scroll.