如何通过 JavaScript 以编程方式在 iPhone 上的 Mobile Safari 中显示地址栏？答案

【问题标题】：How can I programmatically show the address bar in Mobile Safari on iPhone via JavaScript?如何通过 JavaScript 以编程方式在 iPhone 上的 Mobile Safari 中显示地址栏？
【发布时间】：2019-05-09 22:32:39
【问题描述】：

如果您通过移动 Safari 查看网站并向上滚动到最顶部，它将显示地址栏。

在我的网站上，我必须使用 iScroll，到目前为止效果很好，但是当我向上滚动时，它不会显示地址栏，因为 iScroll 只在自己的 <div> 元素内伪造滚动，而不使用浏览器的本机滚动行为。

对于用户来说，这是一个可用性噩梦，因为显示地址栏的唯一方法是点击 iPhone 屏幕顶部的细黑条，我注意到有些用户不知道这一点。

所以，我想，也许有一种方法可以在用户滚动到 iScroll 容器的最顶部时以编程方式显示地址栏？

【问题讨论】：

标签： javascript iphone ios iscroll address-bar

【解决方案1】：

对于 iOS 5+，我发现这个解决方案可以简单地替换 iScroll：http://damien.antipa.at/2012/10/16/ios-pull-to-refresh-in-mobile-safari-with-native-scrolling/

基本思路是使用：

<div class="scrollable">
 Foo
</div>

.scrollable{
 overflow-y:auto;
 -webkit-overflow-scrolling:touch;
 -webkit-transform:translateZ(0);
}

这可以解决问题。对于较旧的 iOS 版本（4 及更低版本），这个问题没有解决方案（至少我找不到）。

【讨论】：