Prevent Mobile Safari from presenting toolbar when bottom of viewport is tapped

Question

We have a simple mobile app running in Mobile Safari (MS) on iOS. When the user scrolls down the page n pixels, a \"top\" button slides up from the bottom. The top butt

Answer 1

Mika and typeoneerror are correct, but there is a workaround.

The best workaround solution I found (that doesn't require minimal-ui) is to force the bottom navigation of iOS Safari to always stay open/visible. That way, clicks to the bottom of the window never open the bottom navigation since it's always open.

To do that, you just need to apply some CSS and browser targeting with JS. Detailed steps on how:

• How might one force-show the mobile Safari bottom nav bar to show programmatically?
• Buttons aligned to bottom of page conflict with mobile Safari's menu bar