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

蘋果以往的系統是沒問題的,通常狀況下,點擊input喚起鍵盤後是會自動顯示到輸入框的地方,而後收起鍵盤頁面就會恢復到底部。javascript

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

BUG解決:

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

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

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

document.getElementById('#input').addEventListener(
'blur',
function(){
window.scrollTo(0,0)   //頁面滾動到頂部
},
false
)  
相關文章
相關標籤/搜索