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

ios iphone mobile-safari
typeoneerror picture typeoneerror · Feb 12, 2014 · Viewed 23.4k times · Source

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 button is fixed position. Problem is, when you start scrolling in MS, the navigation and toolbar UI is hidden. When you tap the "top" button, it reveals the bottom toolbar and a second tap is required to tap the "top" button. Is there any way to disable the default "tap on the bottom part of the viewport to reveal the toolbar" behavior so our top button works as expected (i.e. jumps to the top of the page with one click, not two?

Answer

Mika picture Mika · Feb 12, 2014

No there is not. You can control the content of your webpage but not the behavior of the safari app.

Related questions

How to check if an app is installed from a web-page on an iPhone?

I want to create a web-page, a page that will redirect an iPhone to the app-store if the iPhone does not have the application installed, but if the iPhone has the app installed I want it to open the application. …

Read More
A html5 web app for mobile safari to upload images from the Photos.app?

Is it possible to write a HTML5 web application designed for the iOS devices (iPad, iPhone, iPod Touch) which can allow the user to upload an image from the filesystem? Imagine uploading a new photo to your twitter avatar via …

Read More
How to remove Address Bar in Safari in iOS?

Old trick with window.scrollTo(0,1); doesn't work. And even worse, the address bar moves only a bit and gets stuck halfway out sometimes.

Read More