iOS7でスクロールしてもアドレスバーと下部メニューが消えない場合

iOS7になってSafariのUIが変わったのでWeb制作で気をつけることが色々あります。

現在ぶつかっている現象がアドレスバーと下部メニューが消せないことです。
以前はJSを使い1px下げることで消せましたが使えなくなりました。

iOS7のSafariのアドレスバーと下部メニューの仕様

通常スクロールすることでアドレスバーがたたまれ、下部メニューは消えます。
可視領域が以前より大きく向上しています。

スクロールしてもiOS7のSafariのアドレスバーと下部メニューが消えない場合

僕の制作過程ではhtmlにheight:100%を指定していると全く消えませんでした。
逆に、htmlにheight:100%を指定することでアドレスバーと下部メニューを固定できる・・・

シェアする

  • このエントリーをはてなブックマークに追加

フォローする