iOS7.1のアドレスバーを隠したい
検証機がないため所持しているiphone5sでのみ検証可能な環境。
最近はどんな動きが流行っているのかなぁ〜とググっていたら、コリスさまのブログへたどり着き、
「最近のウェブサイトで見かける面白い仕掛けを実装するスクリプトのまとめ」
この中の「fullPage.js」を使ってページを作ってみた。
いろいろなテンプレが用意されているけど、中でもナビ上部固定のものを応用してSPでも見られるようにとカキカキカキ…。
できた!と思ってみて見ると…なぜだかios7 safariでアドレスバーが消えない。
読み込み終わってちょっとしたら消えなかったっけか?
これもワカラナイからググってみた。
はいドン。
「iOS7.1のMobile Safariでアドレスバーを隠す方法」
どうやらスクロールしないとフルスクリーン(アドレスバーや下のナビバーが隠れた状態)にならないらしいですね..。
そっかそっか、と作ったページをスクロールしてみるもフルスクリーンにならない。
なんで?
記事を読みつつ
のように”viewportにminimal-ui”を追加しておくと読み込みと同時にフルスクリーンになってくれました。
ただ、フルスクリーンになると上部にあるちっこくなったアドレスバーをタップしない限り、下部のメニューバーが表示されないのでUI的にはどうなんだろうという感じです。