Dimensions de la fenêtre avec défilement en JavaScript

Obtenons les dimensions de la fenêtre en tenant compte de la partie défilée. Malheureusement, il n'existe pas de méthode pratique fonctionnant dans tous les navigateurs. Vous trouverez ci-dessous des solutions fonctionnelles. Il n'est pas nécessaire de les comprendre en détail, utilisez-les simplement.

Hauteur avec la partie défilée :

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

Largeur avec la partie défilée :

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

Lors d'un clic sur le bouton, affichez la hauteur avec la partie défilée.

Lors d'un clic sur le bouton, affichez la largeur avec la partie défilée.

Lors d'un clic sur le bouton, affichez la hauteur de la partie cachée par le défilement.