移动端点击表单元素页面相对移动的问题？

Question

移动页面中的表单，当点击时：
首先 input获取光标 》 然后软键盘弹出 》 页面移动到表单input处。
像如下图这种情况，第一个input元素被点击时页面并没有移动，造成fixed元素把他遮盖...
像这种情况我该如何解决呢？

Answer 1

同关注这个问题

Answer 2

fixed会有这种bug
position: fixed bug解决办法

<div style="position: fixed;">
    <div style="position: absolute;"></div>
</div>