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

Question

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

Answer 1

Follow this issue

Answer 2

fixed will have this kind of bug
position: fixed bug solution

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