在iPad中的jQuery移動固定標題問題

我正在用jQueryMobile爲iOS構建一個混合應用程序。我的頁眉和頁腳是通過應用程序修復的。所以最初我已經去了data-position="fixed"。當表單元素獲得焦點時，iPad鍵盤會彈出並推動整個頁面對齊，以使焦點字段可見。在iPad中的jQuery移動固定標題問題

在離開現場時，iPad鍵盤滑落。這是我的標題潛水頁面的中心。

我徒勞的嘗試：

刪除data-position="fixed"囊括了所有的CSS（位置：;：0固定頂部;）在我的風格。
在輸入字段的模糊注入定位腳本

$（ '輸入'）。住（ '模糊'，函數（）{setTimeout的（函數（）{ $（ '＃頭'）。CSS（ '位置'， '固定'）;}，150）;
插入視圖端口<meta>上模糊函數標籤

簡稱修正：

。

iPad bottom:0px issue

https://github.com/jquery/jquery-mobile/issues/5532

邀請您寶貴的建議或解決方法..

來源

2013-04-15 Tamilselvan

在第二次嘗試中，將'.css'替換爲'.attr（'style'，'top：0px！important;'）'。而不是'.live'使用'.on'。我希望這對你有用 – Omar

@Omar也嘗試過。我沒有運氣.. :( – Tamilselvan

https://github.com/jquery/jquery-mobile/issues/4391 – Gajotres

滾動整個頁面由2px的在離開輸入字段解決了我的問題。但是它會帶來一點點的閃爍效果。

$('input').live('blur',function(){ 
     setTimeout(function(){ 
      var pos = $('body').scrollTop(); 
      $('body').scrollTop(pos+'2'); 
     },10); 
    });

來源

2013-05-23 07:34:36 Tamilselvan

在iPad中的jQuery移動固定標題問題

回答

相關問題