CODEWITHSUNDEEP
androidcssgoogle-chromebrowser
Si-N
Si-N

Reputation: 1495

Chrome address bar not hiding on scroll

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?

Upvotes: 4

Views: 3487

Answers (1)

Si-N
Si-N

Reputation: 1495

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.

Upvotes: 9

Related Questions