Click here to Skip to main content
11,573,227 members (59,915 online)
Rate this: bad
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 20-Apr-13 23:43pm
Edited 21-Apr-13 1:02am
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

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