关于iphone手机浏览器填写表单时，position：absolute页面被顶上去下不来的问题

Question

关于iphone手机浏览器填写表单时，position：absolute页面被顶上去下不来的问题：

点击表单的时候，页面被虚拟键盘顶上去了，当收起虚拟键盘的时候，页面下不来了。
安卓手机上测试没有问题。

谢谢

Answer 1

const u = navigator.userAgent
const isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/) //ios终端
window.onload = function() {
  const inputs = document.getElementsByTagName('input')

  for (let i = 0; i < inputs.length; i++) {
    inputs[i].addEventListener('blur', function() {
      if (isIOS) {
        blurAdjust()
      }
    })
  }
}
// 解决苹果不回弹页面
function blurAdjust(e) {
  if (document.activeElement.tagName === 'INPUT' || document.activeElement.tagName === 'TEXTAREA') {
    return
  }
  if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) {
    //判断iPhone|iPad|iPod|iOS
    document.activeElement.scrollIntoViewIfNeeded(true)
  }
}

Answer 2

absolute写的是top:xxx还是bottom:xxx

Answer 3

在输入框聚焦的时候调用这个 API
scrollIntoView