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

  • URLをコピーしました!

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

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

目次

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

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

 

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

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

よかったらシェアしてね!
  • URLをコピーしました!

コメント

コメントする

目次