How to get the max-innerHeight when browser is not 100% (size)

Question

Suppose window.innerHeight = 978px when the browser is 100% (not full screen).

However, when resizing the browser, window.innerHeight value will decrease.

So how to get the height = 978px when when the browser is not 100%? (I want to get this to calculate something in js script)

Update

I have an idea how to get this, the script should be

window.screen.availHeight - window.outerHeight + window.innerHeight

But, for Safari, the script should be

window.screen.availHeight - window.outerHeight + window.innerHeight - 3

Answer 1

You maybe need to look for:

screen.height

The issue is I'm not sure you can use get the height of the start-bar (assuming it's windows and on the bottom). Otherwise this will probably be a good starting point.

https://www.w3schools.com/js/js_window_screen.asp

Answer 2

Try this:

document.documentElement.clientHeight