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


 

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

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

$("input,select").blur(function(){
        setTimeout(() => {
        const scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
        window.scrollTo(0, Math.max(scrollHeight - 1, 0));
        }, 100);
    })

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM