Click here to Skip to main content
11,720,545 members (79,838 online)
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 20-Apr-13 23:43pm
bmw318mt1.4K
Edited 21-Apr-13 1: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 Sergey Alexandrovich Kryukov 2,129
1 OriginalGriff 884
2 F-ES Sitecore 640
3 Maciej Los 609
4 Richard MacCutchan 540


Advertise | Privacy | Mobile
Web03 | 2.8.150901.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