What is the right way to calculate how much viewable space is available on mobile Safari? By viewing area, we mean the amount of the screen actually available to a web app, that is the window height minus the address and bookmark bars.
iOS 7 prevents hiding of the address bar, and we need to properly account for the viewport height.
You can use the window. innerHeight property to get the viewport height, and the window. innerWidth to get its width. let viewportHeight = window.
$(window). height() gives you the height of the view pane. $(window). height() works better as it's cross-browser.
window.innerWidth
and window.innerHeight
will give the width and height of the viewport.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With