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

a0002_004089

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

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

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

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

 

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

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

You may also like...

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です