关于h5唤起软键盘 把页面往上顶的问题。

Question

h5前端，当用户唤起软键盘把页面往上顶总觉得很怪异。页面先是整体上移，然后又弹回去。

能不能只要输入区域在可视范围就别顶我页面啊，就算是超出了可视范围那也应该是页面上移啊。

我特么也是闲得蛋疼，为了避免这个问题 我禁用了原生键盘，写了个数字键盘。本来用得好好的。这又在原页面上多了一个备注需求..我固然可以写出全键盘的布局，英文键盘没问题。中文输入呢，我吐了啊

Answer 1

这个只能是做兼容处理，iOS跟安卓的行为不一致。
我现在做的是用 Element.scrollIntoViewIfNeeded() 这个方法来实现的兼容。

Element.scrollIntoViewIfNeeded()
方法用来将不在浏览器窗口的可见区域内的元素滚动到浏览器窗口的可见区域。如果该元素已经在浏览器窗口的可见区域内，则不会发生滚动