css - jqmobi。入力フィールドにフォーカスされたコンテンツが上に移動したときの iOS (iPod)

Question

私はjqmobiを使用しています。 http://jqmobi.com/testdrive - ここも同じ

iOS では、入力フィールドがフォーカスされると、コンテンツが上に移動します。ヘッダーを同じ位置にとどめたい。

Answer 1

現在のjqMobiバージョンではそれを行う方法はありません。回避策は、電話がキーボード モードになったときに、document.body.scrollTop に従って #jQUi style.top の位置を変更することです。

$.touchLayer イベント 'enter-edit-reshape' および 'exit-edit-reshape' を使用して、サイズ変更クロス ブラウザーを検出できます。

$.bind($.touchLayer, 'enter-edit-reshape', function(){
    $('#jQUi').css('top', document.body.scrollTop+'px');
});
$.bind($.touchLayer, 'exit-edit-reshape', function(){
    $('#jQUi').css('top', 0);
});

乾杯！:)