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

时间:2013-01-08 10:53:16

标签: javascript iphone ios iscroll address-bar

如果您通过移动版Safari查看网站,并向上滚动到最顶部,则会显示地址栏。

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

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

所以,我想,当用户滚动到iScroll容器的最顶层时,可能有一种以编程方式显示地址栏的方法吗?

1 个答案:

答案 0 :(得分: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及更低版本),没有解决此问题的方法(至少我找不到)。