iOS7でposition:fixed;で配置しているフッターがセレクトボックスのフォーカスで挙動がおかしくなる件の解決法
タイトル長いけどそのまんまです。
画像で説明すると、こういう感じのフッターが
セレクトボックスやテキストエリアのフォーカスでこうなっちゃうと。
さらに面倒なことに、この状態でウィンドウをスクロールすると
position:fixed;で設定してるのにposition:absolute;のような動きを
始めるという謎仕様(バグ?)
いろいろ試してたけど、どうにも解決できなかったので、
セレクトボックスやテキストエリアのフォーカス時に特定のIDの要素を消す
ってなシンプルな形で解決してしまいました。おわり。
書くまでもなさそうだけど、実際のコードはこちら。
iOS7でfixedで配置しているフッターがセレクトボックスのフォーカスで挙動がおかしくなる件の解決法 - jsdo.it - Share JavaScript, HTML5 and CSS