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) } }