Click here to Skip to main content
11,930,069 members (45,904 online)
Rate this:
Please Sign up or sign in to vote.
See more: Javascript
I am using this function to hide the address on mobile browsers, how can the address remain hidden even when the user scrolls down or up, i.e never show address bar?

function hideAddressBar(){
    if(!window.location.hash) {
        if(document.height <= window.outerHeight + 10)
   = (window.outerHeight + 50) +'px';
            setTimeout( function(){ window.scrollTo(0, 1); }, 50 );
        else {
            //setTimeout function is required by the iPhone to properly hide the address bar
             setTimeout( function(){ window.scrollTo(0, 1); }, 0 );
window.addEventListener("load", hideAddressBar );
window.addEventListener("orientationchange", hideAddressBar );
Posted 21-Apr-13 0:43am
Edited 21-Apr-13 2:02am
Prasad Khandekar 22-Apr-13 16:11pm
On iPhone Works only if the mobile "app" is added to the homescreen (through the plus-icon -> add to homescreen). For other's I don't think it's possible. Browsers for security reason will not allow you to hide the address bar.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month

Advertise | Privacy | Mobile
Web02 | 2.8.151126.1 | Last Updated 21 Apr 2013
Copyright © CodeProject, 1999-2015
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100