iOSでのカーソルずれの問題とfixedとinputによるdivジャンプの問題

523 ワード

iOSのwebモバイル端末に弾窓が設置され、2つのinputと1つのtextareaがあり、Safariブラウザで2つの問題が発生しました.1つはiPhone 7 plusカーソルのずれ問題で、1つはiPhone 6 sがinput入力を切り替える際の親レベルdivジャンプ問題です.実際には最外層のdivはposition:fixed、親はposition:absoluteを設定します.問題の解決策はjQuery処理:ポップアップ表示時にbodyのposition:fixedを設定する
$('body').css({'position': 'fixed', 'width': '100%'});

弾窓が隠れている場合は、bodyのpositionを設定します:''
$('body').css({'position': '', 'width': ''});