解决IOS键盘弹起输入内容后键盘隐藏页面显示问题

IOS兼容问题，在我们弹起键盘输入内容后，键盘隐藏往往会使得页面显示不完全，页面内容不下滑，导致页面空了一大块；

原因是：在输入内容后，虽然隐藏了键盘，但是键盘还是占位的

解决方法：

<div id="app">
    <div class="list-warp">
        <div class="title_name">
            <span>姓名</span>
         </div>
         <div class="content">
              <input type="text" class="content_input" placeholder="请输入姓名" v-model="peopleList" @focus="changefocus()" @blur.prevent="changeBlur()">
         </div>
    </div>
</div>

 

<script>
   let app=new Vue({
       el:'#app',
       data:{
          peopleList:'zhangsan'
       },
       methods:{
         changeBlur(){
             let u=navigator.userAgent,app=navigator.appVersion
             let isIOS=!!u.match(/\(i[^;]+;(U;)?CPU.Mac OS X/)
             if(isIOS){
                 setTimeout(()=>{
                    const scrollHeight=document.documentElement.scrollTop || document.body.scrollTop || 0
                       window.scrollTo(0,Math.max(scrollHeight-1,0))
                  },200)
                        
                }
            },
            changefocus(){}
        }
    })
 </script>