Chrome 地址栏不会隐藏在滚动条上

Question

Chrome 地址栏不会隐藏在滚动条上

Si-*_*i-N 4 css browser android google-chrome

在 Android 上的 Chrome 71 上，向下滚动网页时，浏览器会隐藏地址栏。这发生在我查看的大多数网站上（谷歌新闻、英国广播公司、我们公司的网站等）。

我无法让它在我的网站上工作。无论我如何滚动，地址栏都保持固定。

即使我回到基础，它也不起作用：

<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>

Run Code Online (Sandbox Code Playgroud)

有什么特别的我需要做才能让它发挥作用吗？

Answer 1

Si-*_*i-N 8

事实证明，如果您没有使用 https 或页面上有任何 https 问题，地址栏将不会隐藏。我猜是有道理的，所以用户总是可以看到页面存在问题。

归档时间：	7 年前
查看次数：	2709 次
最近记录：	5 年，10 月前