1

モバイルSafariを介してWebサイトを表示し、一番上までスクロールすると、アドレスバーが表示されます。

私のWebサイトでは、これまでのところうまく機能するiScrollを使用する必要がありますが、上にスクロールすると<div>、ブラウザのネイティブスクロール動作を使用せずに、iScrollが独自の要素内でのスクロールのみを偽造するため、アドレスバーが表示されません。

ユーザーにとって、これは使いやすさの悪夢です。アドレスバーを表示する唯一の方法は、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 に答える