Android - 键盘覆盖输入框 - 即使在 Chrome 浏览器中也是如此

是否有 HTML5 css/js 解决方案可以在软键盘出现时弹出窗口内容？

例如，如果您打开鸭鸭网在 Android 设备上并在输入字段中输入文本，当软键盘出现时，它会将内容向上突出，这样就不会覆盖输入框。

比较一下Shottag.com其中键盘覆盖了输入框的一半。

这种情况发生在我们的 webview 本机应用程序上，但通过 Chrome 查看网站时也会发生这种情况。

更新1：

看起来 fullpage.js api 可能是罪魁祸首，请进一步挖掘。

好的，这就是我解决问题的方法，显然 html 锚点是特定于我的 sitch 的，因此您可以根据需要进行更改，重要的内容是焦点/模糊匿名效果。

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