Hide address bar on mobile devices

Asked

Viewed 5,307 times

2

Is there any way to hide the address bar in mobile browsers?

javascript jquery css mobile

  • We have no control over the browser, it’s just about the page. If you need to hide something from the user, it is better to make a page that makes use of the POST.

  • I’ve tried some scripts up to meta tags, but it didn’t work.

  • Offer an app that shows a full-screen Webview of your site to anyone who might be interested and leave the site to anyone who wants a site with everything they’re entitled to.

1 answer

4


Unfortunately not "native" way. This is a behavior that only the browser itself used by the user can do. Chrome for example hides when the user scrolls on the page. (I believe others also do the same).

To "circumvent" this need there are other resources you can turn to:

  1. Display the page in fullscreen using the API Fullscreen, the problem of this solution is that to initialize the functionality is necessary the action of the user (such as pressing on some button or specific key).

  2. "Imitate" the scroll action. This solution will hide the navigation bar in browsers that have this behavior when scrolling the page down. But when the user scrolls up again the bar will appear. Just add this code after loading your page: window.scrollTo(0,1);. Note: you will also depend on your page having "space" for scroll.

Browser other questions tagged javascript jquery css mobile

You are not signed in. Login or sign up in order to post.