私は skrollr を使用して、Web サイトでいくつかの目標 (視差のような背景、要素の不透明度の変更など) を達成していますが、デスクトップとモバイルの両方で問題なく動作しています。
私が気付いた唯一の問題は、モバイル OS ブラウザーがツールバーを隠していないことです。skrollr を無効にすると、問題ありません。ページのスクロールを開始すると、ツールバーはすぐに表示されなくなります。skrollr が使用されている場合、ツールバーは常に表示されたままになります。
skrollr を使用しながら、通常のブラウザの動作を維持する方法はありますか?
問題の理解に役立つ追加情報があればお知らせください。
ありがとうございました
プログラムでアドレス バーを非表示/表示する方法はありません。それを非表示にすることさえできません (iOS 7 ではこれが完全に不可能になりましたが、7.1 ではメタ タグを追加して完全に非表示にします)、ましてや再び表示することはできません。
https://gist.github.com/scottjehl/1183357
window.scrollTo を使用して URL バーを非表示にする古いハックは、もはや機能しません。したがって、ユーザーがページをスクロールしない限り、URL バーまたはツールバーを非表示にする方法はありません。
自然なスクロールを使用していない場合は、問題が発生します (以下で詳しく説明します)。
http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review
ビューポート メタ タグ キーにプロパティ、minimal-ui が追加され、ページの読み込み時に iPhone の上部と下部のバーを最小化できるようになりました。最小限の UI を使用しているページで、上部のバーをタップすると、バーが元に戻ります。コンテンツをもう一度タップすると、それらが再び閉じられます。
たとえば、<meta name="viewport" content="width=1024,minimal-ui"> を使用します。