微信6.7.4版本，ios 鍵盤頂上去頁面 收起鍵盤後頁面不下去bug修復

肥皂泡發表於2019-02-16
iOS

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會失敗，相當於沒有滾動.

相關文章