jquery - ビューポートエラーの上部にある iOS アドレスバーを修正

Question

このことの地獄をググろうとした後、ここに最初の投稿。この問題は、iPhone で表示する場合のみ発生します。

予想される動作: iPhone でhttp://bbc.co.uk (またはほぼすべての Web サイト) にアクセスしてページを下にスクロールすると、アドレスバーが見えなくなるまで徐々に非表示になります。

私が得ているもの: アドレスバーは、通常のデスクトップ Web ブラウザーと同様に、ページの上部にある固定要素です。

これが私が持っているものです（単なるテストページです）

すべてのjavascriptを削除してもまだ発生するため、jQueryには何もないと思います。

解決済みの編集

CSSのいくつかの行を削除することで修正しました

html,body {    
 overflow:auto;
}
#explainer {
 overflow:hidden;
}

どうやら iOS Safari はオーバーフローを嫌うようです。

これが、私がstackoverflowに投稿しない理由です...（常に非常に単純なものになります）

score 0 · Accepted Answer

問題のある行は次のとおりです。

<meta name="viewport" content="height=device-height,width=device-width,initial-scale=1.0,maximum-scale=1.0" >

height宣言を削除する必要があります。

score 0 · Accepted Answer

window.scrollTo(0, 0); を呼び出すだけです。ページの読み込みが完了したら。ページを一番下までスクロールすると、BBC の Web サイトが呼び出されます。