由於公司需求，需要做一個實時對話的聊天功能。遇到各種小坑就不多說了，下面就記錄一下遇到最坑的一個問題。。

頁面佈局寫完後，在安卓和蘋果手機測試了一下，問題來了！！！在安卓手機中佈局完美展示（這很好），但在蘋果手機下，經常點選輸入框鍵盤會把輸入框擋住。如下圖顯示：

（圖一和圖二都是有問題的，圖三才是想要的效果。）

每次鍵盤遮擋住輸入框之後，必須要手動向上滑動一下螢幕才顯示出來，這體驗效果就很不好了吧。然後自己就嘗試了各種方法，什麼定時器、絕對定位、固定定位、計算螢幕高度再定位等等，都沒有作用，鍵盤出來後還是會遮擋住。最後只能上網查詢答案，找了半天，終於找到了答案，這裡要感謝learn_shifeng。原來只需簡簡單單的一句程式碼就幫我解決了問題

setTimeout(function(){
	document.body.scrollTop = document.body.scrollHeight;
},300);