Dimensioni della finestra con scorrimento in JavaScript
Otteniamo le dimensioni della finestra tenendo conto della parte scansionata. Sfortunatamente, non esiste un metodo conveniente che funzioni in tutti i browser. Di seguito sono riportate le soluzioni funzionanti. Non vale la pena approfondirle, usatele e basta.
Altezza inclusa la parte scansionata:
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);
Larghezza inclusa la parte scansionata:
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);
Alla pressione del pulsante, visualizza l'altezza inclusa la parte scansionata.
Alla pressione del pulsante, visualizza la larghezza inclusa la parte scansionata.
Alla pressione del pulsante, visualizza l'altezza della parte nascosta sotto lo scorrimento.