web中ios移動端軟鍵盤收起后，頁面內容留白不下滑

微信里面打開web頁面，在ios軟鍵盤收起時，頁面鍵盤位置的內容留白，如下圖

 

這個問題糾結了很久，然后請教了老大（威哥），看到頁面老大給出的方案就是代碼改變滾動條的位置。

這里就監聽鍵盤收起的事件，來改變滾動條位置。

//這里區分系統方法和鍵盤彈出和收起在前兩篇文章有記錄

document.body.addEventListener('focusout', this.focusoutFunc); //軟鍵盤收起的事件處理

let _isIOS  = -1；

export function isIOS() {
  if (_isIOS === -1) {
    _isIOS = /iPhone|iPod|iPad/i.test(ua) ? 1 : 0;
  }
  return _isIOS === 1;
}

//軟鍵盤彈出的事件處理 
focusoutFunc = () => {
 //isIOS函數在前面 if (isIOS()) { window.scrollTo(0,0) } }