Скриване на адресната лента в android/iPhone браузър
Published on 23.07.2012
Идеята: след като страницата зареди, скриваме 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. Примерно:
< body onload="hideurl();" >Като за "огризките" (визирам apple устройствата) може да се добави и следния мета таг:
< meta name="apple-mobile-web-app-capable" content="yes" >документация: http://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariHTMLRef/Articles/MetaTags.html