window.scrollTo(0,1); の古いトリック 動作しません。さらに悪いことに、アドレスバーが少ししか動かず、途中で動かなくなることもあります。
4 に答える
この問題を自分で調査したときに発見したように、これは多くのことの組み合わせです。iOS5で適切に動作するコードは次のとおりです:(私は少し遅れていることを知っていますが、答えは答えです。うまくいけば、将来人々を助けることができます)
<!DOCTYPE html>
<html>
<head>
<title>Hide Address Bar</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script>
window.addEventListener("load",function() {
setTimeout(function(){
window.scrollTo(0, 0);
}, 0);
});
</script>
<style>
body { min-height: 480px; }
</style>
</head>
<body>
<h1>Content</h1>
</body>
</html>
コードはまだ機能するはずです..
とにかく、フルスクリーンが必要であることをモバイルサファリに伝える正しい方法は次のとおりです。 クリックしてください
使用例
<meta name="apple-mobile-web-app-capable" content="yes" />
編集
Apple は新しい mobile-ui プロパティを使用して、サファリで最小限の UI を表示します。
ビューポート メタ タグ キーにプロパティ、minimal-ui が追加され、ページの読み込み時に iPhone の上部と下部のバーを最小化できるようになりました。最小限の UI を使用しているページで、上部のバーをタップすると、バーが元に戻ります。コンテンツをもう一度タップすると、それらが再び閉じられます。
次のように使用します。
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, minimal-ui" />
ソース: https://www.perpetual-beta.org/weblog/ios-7-dot-1-mobile-safari-minimal-ui.html
IOS7 以降、このwindow.scrollTo
トリックは機能しなくなりました。現時点では、Web サイトをホーム画面に追加するようにユーザーを招待する以外に回避策はありません。
http://www.mobilexweb.com/blog/safari-ios7-html5-problems-apis-review
iOS 7 では、minimal-ui メタ タグを使用できます。残念ながら、これは iOS 8 で削除されました。
iOS 8 には、minimal-ui タイプの機能を復活させる予定の brim というプロジェクトがあります。ここにあります: https://github.com/gajus/brim