Размери на прозореца с отчитане на скролба в JavaScript

Нека получим размерите на прозореца с отчитане на скролната част. За съжаление, удобен начин, работещ във всички браузъри - няма. По-долу са дадени работещи решения. Не е необходимо да ги разбирате в детайли, просто ги използвайте.

Височина с отчитане на скролната част:

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

Ширина с отчитане на скролната част:

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

При натискане на бутона изведете височината с отчитане на скролната част.

Задание 2

При натискане на бутона изведете ширината с отчитане на скролната част.

Задание 3

При натискане на бутона изведете височината на скритата под скролба част.