Fenstergrößen mit Berücksichtigung des Scrollens in JavaScript

Lassen Sie uns die Fenstergrößen mit Berücksichtigung des gescrollten Teils erhalten. Leider gibt es keine bequeme Methode, die in allen Browsern funktioniert. Nachfolgend finden Sie funktionierende Lösungen. Sie müssen sich nicht damit befassen, verwenden Sie sie einfach.

Höhe mit Berücksichtigung des gescrollten Teils:

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

Breite mit Berücksichtigung des gescrollten Teils:

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

Geben Sie beim Klicken auf den Button die Höhe mit Berücksichtigung des gescrollten Teils aus.

Geben Sie beim Klicken auf den Button die Breite mit Berücksichtigung des gescrollten Teils aus.

Geben Sie beim Klicken auf den Button die Höhe des versteckten Teils unter dem Scrollen aus.