近期在開發微信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); })