移動端軟鍵盤彈出時文本輸入框下沉、獲取焦點並彈出軟鍵盤

## 文本輸入框容易下沉由於軟鍵盤彈出時是一個動畫 ##

//方法：利用滾動條，彈出軟鍵盤的時候讓滾動條滾動到最底部。並設置一個定時器每過0.5秒設置一次，
//這個是由於軟鍵盤尚未徹底彈出滾動條已經到此時的底部了，等軟鍵盤徹底彈出後就遮住了輸入框（須要再次設置滾動條）。

let interval;

//消息框獲取焦點
 document.querySelector('.class或者#id').onfocus = function(){
   interval = setInterval(function() {
        document.body.scrollTop = document.body.scrollHeight;
    }, 500)
}

//消息框失去焦點
document.querySelector('.class或者#id').onblur = function(){
    clearInterval(interval);
}

以上是借鑑segmentfault前輩總結

文本輸入框獲取焦點並彈出軟鍵盤（適用文本框開始隱藏須要觸發顯示）

解決思路：獲取焦點並彈出軟鍵盤的前提（移動端個人理解）要讓輸入框顯示出來，這裏就能夠經過層或者透明度(opacity)來解決，因爲業務關係透明度不適用因此大多數採用了層（z-index）來解決。

效果：點擊按鈕彈出輸入框獲取焦點並彈出軟鍵盤（相似微信朋友圈、QQ空間）。