ios下的input点击后台页面排版问题，请教牛人解疑

Question

代码结构：

<div class="page-head">
   头部，fixed定位
</div>
<div class="page-body">
   绝对定位
   <div>文字说明等等</div>
   <div class="work_content_scroll">
      滑动区域
      <div class=""></div>
   </div>
</div>
<div class="page-toaslt" style='displya:none'>
   <input></input>
</div>
<div class="page-footer">
   底部提示或者按钮
</div>

1 点击页面中的input输入框导致页面整理往下移动，上面会出现空白，重新滑动就正常了，用微信测试工具查看dom接口没有产生其他样式，空白区域还是原来的html代码

图片

点击图片后出现空白