Ikkunan koot huomioiden vierityksen JavaScriptissä

Saadaanpa ikkunan koot huomioiden vieritetty osa. Valitettavasti kätevää tapaa, joka toimii kaikissa selaimissa - ei ole. Alla on toimivat ratkaisut. Niihin ei kannata juurtua, käytä vain.

Korkeus huomioiden vieritetty osa:

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

Leveys huomioiden vieritetty osa:

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

Painiketta painamalla tulosta korkeus huomioiden vieritetty osa.

Задание 2

Painiketta painamalla tulosta leveys huomioiden vieritetty osa.

Задание 3

Painiketta painamalla tulosta vierityksen alla piilotetun osan korkeus.