Sometimes, we want to find the maximum scroll position of a page with JavaScript.
In this article, we’ll look at how to find the maximum scroll position of a page with JavaScript.
How to find the maximum scroll position of a page with JavaScript?
To find the maximum scroll position of a page with JavaScript, we can find the max value between document.body.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight, document.documentElement.scrollHeight, and document.documentElement.offsetHeight.
For instance, we write:
const limit = Math.max(
document.body.scrollHeight,
document.body.offsetHeight,
document.documentElement.clientHeight,
document.documentElement.scrollHeight,
document.documentElement.offsetHeight
);
console.log(limit)
to call Math.max with the listed values to find the max scroll position of the page.
Conclusion
To find the maximum scroll position of a page with JavaScript, we can find the max value between document.body.scrollHeight, document.body.offsetHeight, document.documentElement.clientHeight, document.documentElement.scrollHeight, and document.documentElement.offsetHeight.
