Fönsterdimensioner inklusive scroll i JavaScript
Låt oss få fram fönsterdimensionerna inklusive den scrollade delen. Tyvärr finns det inget bekvämt sätt som fungerar i alla webbläsare. Nedan finns fungerande lösningar. Du behöver inte förstå dig på dem, använd bara.
Höjd inklusive den scrollade delen:
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);
Bredd inklusive den scrollade delen:
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
Vid klick på knappen, skriv ut höjden inklusive den scrollade delen.
Задание 2
Vid klick på knappen, skriv ut bredden inklusive den scrollade delen.
Задание 3
Vid klick på knappen, skriv ut höjden på den delen som är dold under scrollningen.