I thought I post up these examples on hiding the address bar since there is NOT a lot on the forum or tutorials to help cover this. I tested these and they work well with Android (except Chrome browser).
Place the following JavaScript in your index.html,
inside the <body> tag.
I use the first 2 together
--------------------------------------------------------------------------------
This one works when device rotates
--------------------------------------------------------------------------------
function hideAddressBar(){
if(document.documentElement.scrollHeight<window.outerHeight/window.devicePixelRatio)
document.documentElement.style.height=(window.outerHeight/window.devicePixelRatio)+'px';
setTimeout(window.scrollTo(1,1),0);
}
window.addEventListener("load",function(){hideAddressBar();});
window.addEventListener("orientationchange",function(){hideAddressBar();});
</script>
--------------------------------------------------------------------------------------------------
if(navigator.userAgent.match(/Android/i)){
}
</script>
--------------------------------------------------------------------------------------------------
<script>
function hideAddressBar()
{
if(!window.location.hash)
{
if(document.height < window.outerHeight)
{
document.body.style.height = (window.outerHeight + 50) + 'px';
}
setTimeout( function(){ window.scrollTo(0, 1); }, 50 );
}
}
window.addEventListener("load", function(){ if(!window.pageYOffset){ hideAddressBar(); } } );
window.addEventListener("orientationchange", hideAddressBar );
</script>
-----------------------------------------------------------------------------------------------------
This one triggers with a timeout function.
<Script>
// When ready...
window.addEventListener("load",function() {
// Set a timeout...
setTimeout(function(){
// Hide the address bar!
window.scrollTo(0, 1);
}, 0);
});
<Script>
-------------------------------------------------------------------------------------------------------
Good Luck with it and give me a thumbs up :)