Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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?

like image 643
Matteo Bononi 'peorthyr' Avatar asked Jul 22 '13 15:07

Matteo Bononi 'peorthyr'


2 Answers

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.

like image 180
Kinlan Avatar answered Sep 18 '22 21:09

Kinlan


Seems that the latest update of Chrome Mobile (July 22) broke the toolbar auto-hide feature. When scrolling down a page, the toolbar no longer auto-hides. This was the case on my Nexus 4.

July 22 update brings full screen mode for tablets. But i guess they accidentally broke the feature for smartphones. Full screen mode was working previously on smartphones.

Chrome Browser Play Store

like image 25
Louis Avatar answered Sep 16 '22 21:09

Louis