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(); 
});