Vindusstørrelser med hensyn til rulling i JavaScript

La oss få vindusstørrelsene med hensyn til den rullede delen. Dessverre, det er ingen praktisk metode som fungerer i alle nettlesere. Nedenfor er det gitt arbeidende løsninger. Det er ikke verdt å fordype seg i dem, bare bruk dem.

Høyde med hensyn til den rullede delen:

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 med hensyn til den rullede delen:

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 klikk på knappen, vis høyden med hensyn til den rullede delen.

Задание 2

Ved klikk på knappen, vis bredden med hensyn til den rullede delen.

Задание 3

Ved klikk på knappen, vis høyden på den skjulte delen under rullingen.