Force address bar to show in mobile Chrome app Force address bar to show in mobile Chrome app google-chrome google-chrome

Force address bar to show in mobile Chrome app


One workaround is to use a div as a scrollable container for body content. This way the body is not scrollable, but the inner div and Chrome doesn't autohide the address bar when this inner div is scrolled:

<body style="margin:0;padding:0;width:100%;height:100%">  <div style="position:absolute;width:100%;height:100%;overflow:scroll">    Content  </div></body>

Scroll bar visible:http://jsbin.com/zibewepiwo

Scroll bar auto hide:http://jsbin.com/yeyapijulo

Tested in Chrome Beta 44.0.2403.63 and Chrome 43.0.2357.93 in Android 4.4.2 (Samsung Galaxy Tab 3).


Edit v2: One method that could potentially work is to use the 'Fullscreen API' and detect every time the user scrolls (using a jQuery method) - then tell the browser to exit fullscreen mode each time to keep the address bar. Bear in mind this is untested so tell me whether you have any luck with this method...

$(window).scroll(function(){    document.webkitExitFullscreen();    document.exitFullscreen();});

Edit: Reading from the FAQ page for the mobile Chrome app it indicates that when scrolling the address bar is automatically disabled, though it doesn't specify any method for disabling this. Which further points to the conclusion that this isn't possible.


While this might not be an answer to your issue I believe it's worth mentioning that many browsers ignore attempt to manually manipulate the way the browser works or displays, for specific security reasons - often related to phishing.

For this reason the ability to manipulate the address bar was disabled on the desktop version and although I haven't found a source yet identifying this ability on mobile Chrome I believe the ability will likely be the same.

https://bugzilla.mozilla.org/show_bug.cgi?id=337344


body {position: fixed;top: 0;left: 0;bottom: 0;right: 0;margin: 0;}.content {position: absolute;top: 0;right: 0;bottom: 0;left: 0;overflow: auto;-webkit-overflow-scrolling: touch;}

referance from http://goratchet.com/examples/app-movies/

By chrome dev-tool, we could see source code.