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

如何通过JavaScript以编程方式在iPhone上的Mobile Safari中显示地址栏?,javascript,iphone,ios,iscroll,address-bar,Javascript,Iphone,Ios,Iscroll,Address Bar,如果您通过mobile Safari查看网站,并向上滚动到最顶端,它将显示地址栏 在我的网站上,我必须使用目前为止效果很好的iScroll,但当我向上滚动时,它不会显示地址栏,因为iScroll只在自己的元素中伪造滚动,而不使用浏览器的本机滚动行为 对于用户来说,这是一场可用性噩梦,因为显示地址栏的唯一方法是点击iPhone屏幕顶部的黑色细条,我注意到一些用户并不知道这一点 因此,我想,当用户滚动到iScroll容器的最顶端时,也许有一种方法可以通过编程方式显示地址栏?对于iOS 5+版,我发现

如果您通过mobile Safari查看网站,并向上滚动到最顶端,它将显示地址栏

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

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


因此,我想,当用户滚动到iScroll容器的最顶端时,也许有一种方法可以通过编程方式显示地址栏?

对于iOS 5+版,我发现这个解决方案可以简单地替换iScroll:

基本思想是使用:

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

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

福
.可滚动{
溢出y:自动;
-webkit溢出滚动:触摸;
-webkit转换:translateZ(0);
}

这就成功了。对于较旧的iOS版本(4及更低版本),此问题没有解决方案(至少我找不到任何解决方案)。

对于iOS 5+版,我发现此解决方案仅用于替换iScroll:

基本思想是使用:

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

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

福
.可滚动{
溢出y:自动;
-webkit溢出滚动:触摸;
-webkit转换:translateZ(0);
}
这就成功了。对于较旧的iOS版本(4及更低版本),这个问题没有解决方案(至少我找不到任何解决方案)