微信H5頁面 會被軟鍵盤頂起來

問題描述：H5頁面在微信中打開，input輸入框獲取焦點時，頁面被軟鍵盤頂上去；關閉軟鍵盤時，頁面不會自動下來（恢復初始狀態）

H5頁面在微信中初始狀態以下圖：

input輸入框獲取焦點時，頁面被軟鍵盤頂上去，以下圖：

關閉軟鍵盤時，頁面沒有自動落下，以下圖：

 

 

解決方法：
方法一：

$(input).on('blur',function(){
    window.scroll(0,0);
});

scroll 註解：scroll（x，y），x表示水平滾動條位置，y表示垂直滾動條位置

 

方法二：

$("input").on(‘blur’,function(){
    $(window).scrollTop(0);
});

scrollTop 註解：元素滾動條的垂直位置

順帶寫幾個其餘的：

scrollLeft(number); 元素滾動條的水平位置

$(selector).scrollTop(offset)  offset: 可選。規定相對滾動條頂部的偏移，以像素計。
---------------------

轉載 :黑夜世界 原文：https://blog.csdn.net/amy_king_0/article/details/86612901