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:

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

Bredde med hensyn til den rullede delen:

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

Ved klikk på knappen, vis høyden med hensyn til den rullede delen.

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

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