There are two methods to get the viewport height: window.innerHeight
and document.documentElement.clientHeight
. The former is more accurate. The latter has better browser support.
To get the best of both worlds, try innerHeight
first, and fallback to clientHeight
if not supported.
var viewportHeight = window.innerHeight || document.documentElement.clientHeight;
Source
https://vanillajstoolkit.com/reference/viewport/viewport-height/