iOSでinput要素などの入力欄にフォーカスしキーボードが表示されたとき、position:fixedされている要素の位置がおかしくなる不具合 | HTML・CSS・JavaScriptのテクニック集 | Webサイト制作支援 | ShanaBrian Website

iOSでinput要素などの入力欄にフォーカスしキーボードが表示されたとき、position:fixedされている要素の位置がおかしくなる不具合 input要素などの入力欄にフォーカスしキーボードが表示されたとき、position:fixedされている要素の位置がおかしくなる不具合（バグ）がiOSで発生します。 この不具合はiOS7とiOS8～iOS10.2、iOS10.3でそれぞれ不具合（バグ）の症状が多少異なります。 CSS div.sample { position:fixed; top:20px; right:20px; width:50px; height:50px; background-color:#ccc; border:5px solid #999; } p.input-field { margin-top:500px; }