簡體   English   中英

如何通過JavaScript在iPhone的Mobile Safari中以編程方式顯示地址欄?

[英]How can I programmatically show the address bar in Mobile Safari on iPhone via JavaScript?

如果您通過移動Safari瀏覽網站,然后向上滾動到最頂部,它將顯示地址欄。

在我的網站上,我必須使用iScroll,到目前為止,它仍然可以正常工作,但是當我向上滾動時,它不會顯示地址欄,因為iScroll只會偽造自己的<div>元素中的滾動,而不會使用瀏覽器的本機滾動行為。

對於用戶來說,這是一個可用性夢night,因為那樣一來,顯示地址欄的唯一方法就是點按iPhone屏幕頂部的黑色細條,而我注意到有些用戶對此並不了解。

因此,我想,當用戶滾動到iScroll容器的頂部時,也許有一種方法可以以編程方式顯示地址欄?

對於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及更低版本),沒有針對此問題的解決方案(至少我找不到任何解決方案)。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM