Question

移动web开发，安卓手机软键盘遮住页面上输入框的问题

我在开发移动web 的时候出现了一个奇怪的问题，就是在安卓手机上面软键盘弹出来之后会遮住页面上的输入框组件，只有输入东西的时候页面才会上移，但是在ios上面当软键盘弹出来的时候整体页面都会向上移动，保证输入组件在软键盘上面求助，这个问题怎么解决？

Answer 1

if(/Android [4-6]/.test(navigator.appVersion)) {
  window.addEventListener("resize", function() {
    if(document.activeElement.tagName=="INPUT" || document.activeElement.tagName=="TEXTAREA") {
      window.setTimeout(function() {
        document.activeElement.scrollIntoViewIfNeeded();
      },0);
    }
  })
}

亲测，可用哦！

Answer 2

试试-常跳换“全萤幕手写”，或能改善一些！

Answer 3

可以在弹出软键盘的时候更改样式

Answer 4

不知明镜里，何处得秋霜。