Click here to Skip to main content
16,020,114 members
Please Sign up or sign in to vote.
4.00/5 (1 vote)
See more:
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?

C#
function hideAddressBar(){
    if(!window.location.hash) {
        if(document.height <= window.outerHeight + 10)
        {
            document.body.style.height = (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
Updated 21-Apr-13 1:02am
v2
Comments
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)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900