IOS微信6.7.4输入框失去焦点,软键盘关闭后,被撑起的页面无法回退到原来正常的位置...
生活随笔
收集整理的這篇文章主要介紹了
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);})?
轉載于:https://www.cnblogs.com/Miracle-ZLZ/p/10030608.html
總結
以上是生活随笔為你收集整理的IOS微信6.7.4输入框失去焦点,软键盘关闭后,被撑起的页面无法回退到原来正常的位置...的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: linutx 基本配置
- 下一篇: 高级软件工程第七次作业:东理三剑客团队作