Dimensiunile ferestrei cu scrollarea în JavaScript
Să obținem dimensiunile ferestrei ținând cont de partea scrollată. Din păcate, nu există o metodă convenabilă care să funcționeze în toate browserele. Mai jos sunt prezentate soluții care funcționează. Nu trebuie să le înțelegeți în profunzime, doar să le folosiți.
Înălțimea ținând cont de partea scrollată:
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);
Lățimea ținând cont de partea scrollată:
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);
La click pe buton afișați înălțimea ținând cont de partea scrollată.
La click pe buton afișați lățimea ținând cont de partea scrollată.
La click pe buton afișați înălțimea părții ascunse sub scroll.
