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

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

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

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

BUG解決:

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

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

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

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