Menu
On Chrome 71 on Android, when scrolling down a web page, the browser hides the address bar. This happens on most sites I check (Google news, bbc, our company site etc).
I can't get this to work on my site. The address bar stays fixed no matter how I scroll.
Even when I strip back to the basics it doesn't work:
<html>
<head>
</head>
<body>
<div>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
<p>Test Text Test Text</p>
</div>
</body>
</html>
Is there something special I need to do to get this to work?
687
It turns out the address bar will not hide if you are not using https or have any https issues on your page. Makes sense I guess, so the user can always see there are issues with the page.
74
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
