微信內網頁關閉拉起鍵盤後頁面錯位

問題是這樣的~

微信中打開了一個頁面，頁面中有輸入框，當點擊輸入框後會拉起系統鍵盤如圖：

這個是沒毛病的，但是當input失去焦點後，系統鍵盤會收起，這時候bug就來了。。。

然後，頁面底部多出來了一大塊空白區域。。。

那 就開始解決問題吧！

---

我的方法是，當input獲取焦點後記錄當前滾動條位置，失去焦點時，頁面滾動條重新定位至剛纔位置。

    var inputList = [$('.input-code'), $('.phone-input')];

    $.each(inputList, function() {
      this.focus(function() {
        $(this).attr('data-current-scroll', $(window).scrollTop());
      }).blur(function() {
        $(window).scrollTop($(this).attr('data-current-scroll'));
      });
    });

ok，完事收工~