View Full Version : Hide safari mobile address bar

27 Jun 2010, 2:36 AM
seems like there is no built in way to "hide" the address bar by scrolling it out of sight.
Using window.scrollTo(0, 1) causes rendering issues on orientation changes.
Is there a reliable method to get the address bar out of the way ?


PS. Sencha Touch is awesome!

28 Jun 2010, 7:53 AM
I was able to get the bar to go away by bookmarking the page with a home screen button. Then we you load it you can't even tell you're in a browser.

28 Jun 2010, 11:49 AM
Thanks for you answer.
I am looking for a way to maximize screen real estate without bookmarking, though.

Pablo Cabana
29 Jun 2010, 9:46 AM
_mme_ , please post here if you got anything. I am trying to do the same thing. I am not expecting the users to add a home button...

29 Jun 2010, 10:00 AM
Might want to try this from an old article I found. I don't have an iPhone to try it right now but can test it later this week with a friend.


29 Jun 2010, 10:08 AM
That article has a typo in the html code it should be meta name not meta names. Here is Apple's main meta tag specific descriptions.


Pablo Cabana
29 Jun 2010, 10:48 AM
It works, but it seems that safari only scroll the adress bar up when the page has scrollable content.
My content fits the window, so the adress bar does not go away.

Pablo Cabana
29 Jun 2010, 11:24 AM
I think there is no solution. We have to wait until the final sencha touch release.
Look: http://www.sencha.com/forum/showthread.php?99486-iPhone-Specific-Bugs&highlight=address+bar
TommyMaintz (http://www.sencha.com/forum/member.php?11-TommyMaintz)
http://www.sencha.com/forum/images/statusicon/user-online.png Ext JS - Development Team :
"fullscreen: true just makes the component take up all the available space. We plan yo have support for hiding the address bar in the final release."

30 Jun 2010, 3:10 PM
Thank you, this is good news.

19 Aug 2010, 3:40 AM
+1 on getting this in the framework as soon as possible.