Velikosti okna z upoštevanjem drsnika v JavaScript

Pridobimo velikosti okna z upoštevanjem drsnega dela. Na žalost ni priročnega načina, ki bi deloval v vseh brskalnikih. Spodaj so navedene delujoče rešitve. Ni vam treba poglabljati se vanje, samo uporabite.

Višina z upoštevanjem drsnega dela:

let scrollHeight = Math.max(
	document.body.scrollHeight, document.documentElement.scrollHeight,
	document.body.offsetHeight, document.documentElement.offsetHeight,
	document.body.clientHeight, document.documentElement.clientHeight
);

console.log(scrollHeight);

Širina z upoštevanjem drsnega dela:

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

console.log(scrollWidth);

Ob kliku na gumb izpišite višino z upoštevanjem drsnega dela.

Ob kliku na gumb izpišite širino z upoštevanjem drsnega dela.

Ob kliku na gumb izpišite višino skritega dela pod drsnikom.