蘋果以往的系統是沒問題的,一般情況下,點擊input喚起鍵盤后是會自動顯示到輸入框的地方,然后收起鍵盤頁面就會恢復到底部。
但是如果蘋果是已經更新到最新的IOS12的話就會發生一個BUG ,就是鍵盤喚起后把頁面頂上去,然后把鍵盤收回去后頁面卻回不來了,保持着被頂起的狀態,原本鍵盤的地方留出一塊空白。
BUG解決:
拿了5台蘋果測試了同一個頁面,舊版的系統的確沒有發生這種情況,最終確定是IOS最新系統的問題。
解決方法就是在input失去焦點的時候(就是收起鍵盤時)讓頁面滾動到頂部。
適用:微信H5/移動端頁面
document.getElementById('#input').addEventListener( 'blur', function(){ window.scrollTo(0,0) //頁面滾動到頂部 }, false )