webapp开发中，输入框被弹起的虚拟键盘遮挡住了该如何解决呢

Question

webapp开发中，输入框被弹起的虚拟键盘遮挡住了,在输入的时候只能盲填

Answer 1

计算键盘高度，如果没有遮挡就不做处理，如果遮挡了，就把整个页面上移。这是我在写ios的时候的方法，html应该是相通的。

Answer 2

监听onfocus，计算屏幕高度和input的相对位置，确保input显示在屏幕内

Answer 3

https://github.com/jtyjty9999...
搜索键盘遮挡，这个文章把大多移动端的坑都列出来了。

Answer 4

之前遇见这样的问题都是加一个空的div撑高度。也期待好的解决办法。