Android - 鍵盤覆蓋輸入框 - 即使在Chrome瀏覽器中

Question

是否有一個HTML5 css/js解決方案在出現軟鍵盤時提升窗口內容？

例如，如果您在android設備上打開duckduckgo.com並在輸入字段中輸入文本，則當軟鍵盤出現時，它會顛倒內容，使其不包含輸入框。

與鍵盤覆蓋一半輸入框的shouttag.com進行比較。

這發生在我們的webview原生應用程序，但它也發生在通過chrome查看網站時。

更新1：

貌似fullpage.js API可能是罪魁禍首，挖掘更多。

Answer 1

好的，這裏是我如何修復問題，顯然這個html錨點是我的特定的，所以你可以根據需要改變，重要的東西在焦點/模糊anon fxs。

var $fpContainerWrap = jQuery('.home-wrap .fp-tableCell div'); 
var $homeWrap   = jQuery('.home-wrap'); 

var topOffsetRaw = $fpContainerWrap.offset().top - jQuery(window).scrollTop(); 

var topOffset = '-' + (topOffsetRaw * 1.5) + 'px'; 

$('input').focus(function() { 

    $("#menu").animate({ top:topOffset }, "fast"); 
    $homeWrap.animate({ top:topOffset }, "fast"); 
    $('#section-changer').hide(); 
}); 

$('input').blur(function() { 

    $("#menu").animate({ top:0 }, "fast"); 
    $homeWrap.animate({ top:0 }, "fast"); 
    $('#section-changer').show(); 
});