Click here to Skip to main content
Rate this: bad
good
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)
        {
            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 21-Apr-13 0:43am
bmw318mt1.3K
Edited 21-Apr-13 2:02am
v2
Comments
Prasad Khandekar at 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
0 OriginalGriff 315
1 Jochen Arndt 190
2 DamithSL 125
3 PIEBALDconsult 110
4 Garth J Lancaster 90
0 OriginalGriff 5,790
1 DamithSL 4,601
2 Maciej Los 4,012
3 Kornfeld Eliyahu Peter 3,480
4 Sergey Alexandrovich Kryukov 3,195


Advertise | Privacy | Mobile
Web04 | 2.8.141220.1 | Last Updated 21 Apr 2013
Copyright © CodeProject, 1999-2014
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