iOS 7 - 修復了虛擬鍵盤上的頁腳工具欄中斷

我創建了一個在瀏覽器中運行並提供聊天支持的應用程序。這是用於桌面和移動的，並且顯示爲固定頁腳。iOS 7 - 修復了虛擬鍵盤上的頁腳工具欄中斷

在桌面上，一切正常，看起來不錯，但是當它遇到移動時，我看到一個奇怪的問題。

當我在頁面的頂部是不打開鍵盤，這一切都工作好： enter image description here

，但如果我是附近的頁面頂部的工具欄斷裂，並出現半山腰頁： enter image description here

我發現下面的鏈接，別人提到它，但我不能隱藏頁腳，因爲我需要它所示： http://forum.jquery.com/topic/how-to-set-footer-fixed-at-bottom-even-if-virtual-keyboard-is-open

就如何解決這一問題將是巨大的懇求任何意見se，我讀到iOS增加了對固定位置的支持，但對於這種情況似乎被打破（從網頁頂部打開虛擬鍵盤）。

這裏是我的代碼：

#gc_toolbar_layout { 
    ... 
    position: fixed; 
    word-break: keep-all; 
    word-break: break-word; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box; 
}

謝謝。

來源

2014-07-03 Gary

嗨，我面臨的小問題，你可以請告訴我你是如何解決它？我的問題http://stackoverflow.com/questions/29968891/phonegap-ios-fixed-input-field-on-virtual-keyboard – Haseeb

我申請了一個令人難以置信的哈克修復此，請參閱我的評論請 – Gary

令人難以置信的是哈克修復：

$(document).on('focus', 'textarea', function() { 
    $("#gc_chat_layout").css({position: 'relative', float: 'right', bottom: 'auto'}); 
    $(document).scrollTop($(document).scrollTop()); 
}); 
$(document).on('blur', 'textarea', function() { 
    $("#gc_chat_layout").css({position: 'fixed', float: 'none', bottom: '0'}); 
});

我們只看到上面的問題，當我們不是在頁面的頂部。這基本上會立即將您引導至頁面頂部。

我們添加了一些JavaScript代碼來處理這個問題，通過將舊的位置保存在一個變量中，並將其移回到那裏。

來源

2015-05-05 11:03:19 Gary

iOS 7 - 修復了虛擬鍵盤上的頁腳工具欄中斷

回答

相關問題