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:

javascriptlet 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:

javascriptlet scrollWidth = Math.max(
  document.body.scrollWidth, document.documentElement.scrollWidth,
  document.body.offsetWidth, document.documentElement.offsetWidth,
  document.body.clientWidth, document.documentElement.clientWidth
);

console.log(scrollWidth);
Задание 1

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

Задание 2

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

Задание 3

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