蘋果系統 IOS 12 的H5 BUG :鍵盤把頁面頂上去了,底下留有一塊空白區域


蘋果以往的系統是沒問題的,一般情況下,點擊input喚起鍵盤后是會自動顯示到輸入框的地方,然后收起鍵盤頁面就會恢復到底部。

但是如果蘋果是已經更新到最新的IOS12的話就會發生一個BUG ,就是鍵盤喚起后把頁面頂上去,然后把鍵盤收回去后頁面卻回不來了,保持着被頂起的狀態,原本鍵盤的地方留出一塊空白。

BUG解決:

拿了5台蘋果測試了同一個頁面,舊版的系統的確沒有發生這種情況,最終確定是IOS最新系統的問題。

解決方法就是在input失去焦點的時候(就是收起鍵盤時)讓頁面滾動到頂部。

適用:微信H5/移動端頁面

document.getElementById('#input').addEventListener(
'blur',
function(){
window.scrollTo(0,0)   //頁面滾動到頂部
},
false
)  


免責聲明!

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



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