1

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

在我的网站上,我必须使用到目前为止运行良好的 iScroll,但是当我向上滚动时,它不会显示地址栏,因为 iScroll 仅在<div>不使用浏览器的本机滚动行为的情况下伪造在自己的元素内滚动。

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

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

4

1 回答 1

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 及更低版本),这个问题没有解决方案(至少我找不到任何解决方案)。

于 2013-01-17T09:35:09.610 回答