微信h5輸入框鍵盤兼容問題

問題：

微信裏面打開h5頁面的時候：

ios:當輸入框失去焦點時，頁面頂上去後下不來；

position: fixed的元素(彈窗)在ios裏，收起鍵盤的時候會被頂上去，特別是第三方鍵盤

安卓：當輸入框聚焦時，頁面沒有上去，安卓鍵盤遮擋頁面，導致看不到當前聚焦的輸入框；

答案：

html:

<div class="list-warp">
  <div class="title"><span>投·被保險人姓名</span></div>
   <div class="content">
     <input class="content-input" 
            placeholder="請輸入姓名"
            v-model="peopleList.name"
           @focus="changefocus()"
           @blur.prevent="changeBlur()"/>    </div>
 </div>

js:

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.scr