Vinduestørrelser inklusive scroll i JavaScript

Lad os få vinduestørrelser inklusive den scrollede del. Desværre er der ikke nogen bekvem metode, der virker i alle browsere. Nedenfor gives arbejdende løsninger. Du bør ikke fordybe dig i dem, bare brug dem.

Højde inklusive den scrollede del:

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

Bredde inklusive den scrollede del:

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

Ved klik på knappen, vis højden inklusive den scrollede del.

Ved klik på knappen, vis bredden inklusive den scrollede del.

Ved klik på knappen, vis højden af den del, der er skjult under scroll.