How do I hide the address bar on iPhone?
I just hit this myself. If the address bar is not hiding, the reason may simply be the page is not long enough to scroll.
is called the page MUST be longer than the window so a scrolling event can occur.
Only when the scrolling even occurs will mobile safari hide the address bar.
For iPhone, you can make your content just one pixel higher than the viewport, that will eliminate the navbar.
Working code example: http://pastebin.com/16s8Xvbw
- Only works in landscape, and when flipping from portrait to landscape - if user enters the page in landscape, he/she must flip to portrait and back to landscape.
- If the user touches near top / bottom, navbar will re-appear.
- Does not work on iPad at all.
Is it possible to hide the address bar in iOS 7 Safari?
It does not work anymore. Here is a very detailed article around the changes in IOS7