html - 移动 safari 中的网页 url 栏不是 "shrinking"

Question

我的网站在主体中有一个包装器，用于滚动内部元素，问题(我假设)是移动 safari 无法识别滚动，因此 url 栏没有调整大小。有替代方案吗？

.wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: scroll;
}

通过此设置，移动版 safari 不会像在其他网站上那样在您滚动时“缩小”url 栏。

Answer 1

对于移动设备，添加此元标记 <meta name="apple-mobile-web-app-capable" content="yes" />

或者试试这个:

window.addEventListener("load", function () {
        // Set a timeout...
        setTimeout(function () {
            // Hide the address bar!
            window.scrollTo(0, 0);
        }, 0);
    });