IOS微信6.7.4輸入框失去焦點,軟鍵盤關閉後,被撐起的頁面沒法回退到原來正常的位置

 

近期在開發微信H5頁面時碰到這個問題,如圖,軟鍵盤彈起後,若原輸入框被遮擋,頁面總體將會上移,然而當輸入框失焦,軟鍵盤收起後,頁面未恢復,這也是ios的微信版本更新6.7.4以後才遇到的bug。ios

目前的解決辦法是給輸入框(或select選擇框)添加失去焦點的事件,當輸入框失去焦點,頁面自動滾動到頂部,而且須要加定時器,不然偶爾會失效,具體代碼以下:微信

$("input,select").blur(function(){
        setTimeout(() => {
        const scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
        window.scrollTo(0, Math.max(scrollHeight - 1, 0));
        }, 100);
    })
相關文章
相關標籤/搜索