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