如果您通过移动版Safari查看网站,并向上滚动到最顶部,则会显示地址栏。
在我的网站上我必须使用到目前为止工作得很好的iScroll,但是当我向上滚动时,它不会显示地址栏,因为iScroll只在自己的<div>
元素内进行滚动而不使用浏览器的本机滚动行为
对于用户而言,这是一个可用性的噩梦,因为那时显示地址栏的唯一方法是点击iPhone屏幕顶部的细黑条,我注意到有些用户不知道这一点。
所以,我想,当用户滚动到iScroll容器的最顶层时,可能有一种以编程方式显示地址栏的方法吗?
答案 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及更低版本),没有解决此问题的方法(至少我找不到)。