私はモバイル Web サイトを持っていますが、この Web サイトでは、position:fixed によって div が画面の下部に固定されています。iOS 5 (iPod Touch でテスト中) では、フォームのあるページまではすべて正常に動作します。入力フィールドをタップして仮想キーボードが表示されると、突然、div の固定位置が失われます。キーボードが表示されている限り、div はページとともにスクロールします。[完了] をクリックしてキーボードを閉じると、div は画面の下部の位置に戻り、position:fixed ルールに従います。
他にもこのような動作を経験した人はいますか? これは想定内のことでしょうか? ありがとうございます。
ベストアンサー1
私のアプリケーションではこの問題がありました。回避策は次のとおりです。
input.on('focus', function(){
header.css({position:'absolute'});
});
input.on('blur', function(){
header.css({position:'fixed'});
});
一番上までスクロールしてそこに配置しているだけなので、iOS ユーザーは何もおかしなことが起こっていることに気付きません。他のユーザーがこの動作に遭遇しないように、これをユーザー エージェント検出でラップします。