移動端固定輸入框在底部會被鍵盤遮擋的解決方法(必看篇)
由于公司需求，需要做一個實時對話的聊天功能。遇到各種小坑就不多說了，下面就記錄一下遇到最坑的一個問題。。
頁面布局寫完后，在安卓和蘋果手機(jī)測試了一下，問題來了！?。?span style="color: #ff0000">在安卓手機(jī)中布局完美展示（這很好），但在蘋果手機(jī)下，經(jīng)常點擊輸入框鍵盤會把輸入框擋住。
如下圖顯示：
圖一
圖二
圖三
（圖一和圖二都是有問題的，圖三才是想要的效果。）
每次鍵盤遮擋住輸入框之后，必須要手動向上滑動一下屏幕才顯示出來，這體驗效果就很不好了吧。然后自己就嘗試了各種方法，什么定時器、絕對定位、固定定位、計算屏幕高度再定位等等，都沒有作用，鍵盤出來后還是會遮擋住。最后只能上網(wǎng)查找答案，找了半天，終于找到了答案，這里要感謝learn_shifeng。
原來只需簡簡單單的一句代碼就幫我解決了問題微笑。。
下面是解決問題的代碼：
setTimeout(function(){
document.body.scrollTop = document.body.scrollHeight;
},300);
以上這篇移動端固定輸入框在底部會被鍵盤遮擋的解決方法(必看篇)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
iOS UICollectionView實現(xiàn)標(biāo)簽選擇器
這篇文章主要為大家詳細(xì)介紹了iOS UICollectionView實現(xiàn)標(biāo)簽選擇器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-04-04
Objective-C 代碼與Javascript 代碼相互調(diào)用實例
這篇文章主要介紹了Objective-C 代碼與Javascript 代碼相互調(diào)用實例的相關(guān)資料,現(xiàn)在的APP 應(yīng)用有時候會調(diào)用網(wǎng)頁上的內(nèi)容，為了增加用戶體驗，這里寫下個實例，需要的朋友可以參考下2016-10-10
iOS程序開發(fā)中設(shè)置UITableView的全屏分隔線的方法(不畫線)
ableView是app開發(fā)中常用到的控件，功能很強大，多用于數(shù)據(jù)的顯示。下面給大家介紹設(shè)置UITableView的全屏分隔線的兩種方法2016-04-04
這篇文章主要為大家詳細(xì)介紹了iOS中sqlite數(shù)據(jù)庫的原生用法，sqlite數(shù)據(jù)庫相信各位早已耳聞，非常輕巧的一個數(shù)據(jù)庫，數(shù)據(jù)庫僅一個文件，即建即用，感興趣的小伙伴們可以參考一下32016-05-05
這篇文章主要為大家詳細(xì)介紹了iOS自定義日期和數(shù)據(jù)源選擇控件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-04-04
Drawer?Builder組件實現(xiàn)flutter側(cè)邊抽屜效果示例分析
這篇文章主要為大家介紹了Drawer?Builder組件實現(xiàn)flutter側(cè)邊抽屜效果示例分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
以代碼實例總結(jié)iOS應(yīng)用開發(fā)中數(shù)據(jù)的存儲方式
這篇文章主要介紹了iOS應(yīng)用開發(fā)中數(shù)據(jù)的存儲方式的實例總結(jié),代碼為傳統(tǒng)的Objective-C語言,需要的朋友可以參考下2016-02-02
下面小編就為大家分享一篇ios端ijkplayer編譯教程，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
IOS 粒子系統(tǒng) (CAEmitterLayer）實例詳解
這篇文章主要介紹了IOS 粒子系統(tǒng) (CAEmitterLayer）實例詳解的相關(guān)資料,需要的朋友可以參考下2016-09-09
iOS開發(fā)中使用屏幕旋轉(zhuǎn)功能的相關(guān)方法
這篇文章主要介紹了iOS開發(fā)中使用屏幕旋轉(zhuǎn)功能的相關(guān)方法,包括Transform變化矩陣原理的講解,需要的朋友可以參考下2015-09-09