title: How might one force-show the mobile Safari bottom nav bar to show programmatically?
body: <p>I have a fixed button for a CTA (call to action) at the bottom of my web page. Scrolling down the page on newer version of iOS, mobile Safari hides the bottom navigation bar (with back, forward, share, bookmark, and new tab buttons). If you click on the CTA button, instead of executing that action, mobile Safari shows the bottom nav bar.</p>
  
  <p>As a solution, I was looking to alway force-show the bottom nav bar. Is there a way of doing this? Both <a href="https://www.jackthreads.com/" rel="noreferrer">Jack Threads</a> when viewed on mobile, and <a href="http://m.threadflip.com/" rel="noreferrer">Thread Flip</a>'s mobile site are able to pull this off when viewing an individual item.</p>
  
  <p>I'm unable to reverse engineer this so far. Does anyone know how the force-show is accomplished?</p>
  
  <p>Related to:
  <a href="https://stackoverflow.com/questions/23657943/buttons-aligned-to-bottom-of-page-conflict-with-mobile-safaris-menu-bar">Buttons aligned to bottom of page conflict with mobile Safari&#39;s menu bar</a> and
  <a href="https://stackoverflow.com/questions/21715917/prevent-mobile-safari-from-presenting-toolbar-when-bottom-of-viewport-is-tapped">Prevent Mobile Safari from presenting toolbar when bottom of viewport is tapped</a></p>