reactjs - How to Find the Viewport Size Between the Header and Footer on Safari?

Question

I am currently doing animation on a mobile-friendly app and I am testing it with safari ios for the iphone 6. I would like to know how to find the viewport height of the visible space below the header and above the footer.

Heres what Im looking for:

^Im looking for the distance of the smaller red bracket in the visible range of the viewport.

^There are two modes, open and closed. So I would need to know the size has changed and the size. Usually, the bottom bar disappears during and after rotation but before any user touch input, then it resets back to the first picture.

Any help would be appreciated!

question from:https://stackoverflow.com/questions/65939144/how-to-find-the-viewport-size-between-the-header-and-footer-on-safari

Answer 1

Waitting for answers