iphone微信6.7.4版本出現的問題,用戶輸入時,軟鍵盤彈出。收起軟鍵盤的時候,頁面下部軟鍵盤原來位置會變成一片空白區域,頁面沒有恢復原狀。微信
var n = document.querySelectorAll('input,textarea'); Array.prototype.forEach.call(n, function(dom) { var pageDom = 5; dom.onblur = function() { document.body.scrollTop = ++pageDom; }; });
實現原理:出現上述狀況,手動下拉頁面,頁面會恢復正常。因此,在input的blur事件中監聽軟鍵盤收起,js模擬手動下拉。前提,body自己沒有滾動。
滾動距離要動態的,多個input時相同scrollTop會失敗,至關於沒有滾動.dom