androidgoogle-chromebrowserhideaddress-bar

hide mobile browser address bar on chrome (android)


We have a site, where with a simple JavaScript

<body onLoad="setTimeout(function() {window.scrollTo(0, 1)}, 100);">

We hide the address bar on most browsers (safari, and the native android browser) this line of JavaScript works fine for most, but we have noticed a strange behavior on chrome, the page indeed scroll down, but the address bar doesn't hide! After the loading of the page, if the user scrolls down a little bit with the finger, the address bar hides normally.

I have also tried to scroll down all the page with the JS, with the result of the page full scrolled, and the address bar is still visible...

Anyone knows if there is some trick I forgot to use, or if this function is simply not present in Chrome?


Solution

  • scrollTo(0,1) is not yet supported in Chrome for Android (it was recently added and then removed). We do have the FullScreen API but that is a little heavy handed for what you want to achieve.