Fönsterdimensioner inklusive scroll i JavaScript

Låt oss få fram fönsterdimensionerna inklusive den scrollade delen. Tyvärr finns det inget bekvämt sätt som fungerar i alla webbläsare. Nedan finns fungerande lösningar. Du behöver inte förstå dig på dem, använd bara.

Höjd inklusive den scrollade delen:

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

Bredd inklusive den scrollade delen:

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

Vid klick på knappen, skriv ut höjden inklusive den scrollade delen.

Vid klick på knappen, skriv ut bredden inklusive den scrollade delen.

Vid klick på knappen, skriv ut höjden på den delen som är dold under scrollningen.