Block iPad web application from displaying a Safari address bar

Home

I run a web application on Safari on the iPad. I launch the application from the iPad homepage. I want the application Start in full-screen mode and continue to run in full-screen mode (that is, the Safari address bar is not displayed). Therefore, I have added the following meta tag to the website master page:

< pre>

I start the app from the iPad homepage, and it starts in full screen mode (not showing Safari Address bar), but when I click one to go to another page in the site (using the same meta tag, inherited from the same meta tag on the main page of the site), then the address bar suddenly pops out of view (and stays in view). The link is as follows (I am using jQueryMobile):

Home

When navigating between internal pages, how can I force the web application to keep looking like a “native application” by keeping the address bar hidden?

If you use external links, it seems that Mobile Safari will not “natively” support full screen. Once you use the html anchor, it will flip out of full screen mode .window.scrollTo may be a workaround for some people, but I also want to avoid the way the UI flips when transitioning to non-full screen mode.

The answer is to use window.location. assign(). This keeps the full-screen application in “native” full-screen mode. You only need to refactor your markup into a javascript window.location.assign(url) call-then save that content in the full screen.