Javascript 安卓-键盘覆盖输入框-甚至在Chrome浏览器中

有没有HTML5 css/js解决方案可以在软键盘出现时增加窗口内容

例如，如果您在android设备上打开并在输入字段中输入文本，当软键盘出现时，它会将内容向上凸起，从而不会覆盖输入框

将其与键盘覆盖一半输入框的情况进行比较

这发生在我们的webview原生应用程序上，但在通过chrome查看网站时也会发生

更新1：

---

看起来fullpage.js api可能是罪魁祸首，挖掘更多信息。

好的，下面是我如何解决这个问题的，很明显html锚定是针对我的位置的，因此您可以根据需要进行更改，重要的内容在focus/blur 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();
});

---

迈克，我现在也在处理同样的问题：我的网络应用程序的文本区域被Android的弹出式键盘遮住了。调整文本区域在屏幕上的位置真的是唯一的方法吗？到目前为止，这是我能找到的唯一解决问题的方法。如果你找到更好的，请告诉我。