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:

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

Bredde inklusive den scrollede del:

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

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

Задание 2

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

Задание 3

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