底部输入框弹出后将页面顶上去

在苹果手机上点击输入框，输入过后将视图窗口变了，顶部有空白。如下图 微信图片_20200117163449.png

微信图片_20200117163503.png

从百度上搜方法都是让获取input焦点后在让html,body = 100% ,但是我得没生效，最后我是用强制滚到到底部 scrollIntoView()

methods:{
    //获取到input框失去焦点 blur
      xxx(){
    document.body.scrollIntoView(false)  
  }
}