Скриване на адресната лента в android/iPhone браузър

Идеята: след като страницата зареди, скриваме url инпута и така създаваме илюзията че е на fullscreen дадения url + с това си добавяме още около 60px към видимата част от мобилния сайт. Като цяло това е елементарно и за да го постигнем добавяме следното

var hideurl;
hideurl = function() {
    (function(win) { 
        var doc = win.document; 
        window.scrollTo(0, 1); 
        var scrollTop = 1, 
            getScrollTop = function() {
            return win.pageYOffset || doc.compatMode === "CSS1Compat" &&
                doc.documentElement.scrollTop ||
                doc.body.scrollTop || 0; 
        }; 
        setTimeout(function() { 
            if (getScrollTop() < 20) { 
                win.scrollTo(0, scrollTop === 1 ? 0 : 1); 
            } 
        }, 0); 
    })(this); 
};

и го изпълняваме onload. Примерно:

window.location.replace('$url')";
    }
?>
< body onload="hideurl();" >

Като за "огризките" (визирам apple устройствата) може да се добави и следния мета таг:

документация: http://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariHTMLRef/Articles/MetaTags.html

← Back to all posts