移動(dòng)端固定輸入框在底部會(huì)被鍵盤遮擋的解決方法(必看篇)
更新時(shí)間：2017年12月19日 14:20:01 作者：Leo-hzj
下面小編就為大家分享關(guān)于移動(dòng)端固定輸入框在底部會(huì)被鍵盤遮擋的解決方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧
由于公司需求，需要做一個(gè)實(shí)時(shí)對(duì)話的聊天功能。遇到各種小坑就不多說了，下面就記錄一下遇到最坑的一個(gè)問題。。
頁面布局寫完后，在安卓和蘋果手機(jī)測(cè)試了一下，問題來了?。。?span style="color: #ff0000">在安卓手機(jī)中布局完美展示（這很好），但在蘋果手機(jī)下，經(jīng)常點(diǎn)擊輸入框鍵盤會(huì)把輸入框擋住。
如下圖顯示：
圖一
圖二
圖三
（圖一和圖二都是有問題的，圖三才是想要的效果。）
每次鍵盤遮擋住輸入框之后，必須要手動(dòng)向上滑動(dòng)一下屏幕才顯示出來，這體驗(yàn)效果就很不好了吧。然后自己就嘗試了各種方法，什么定時(shí)器、絕對(duì)定位、固定定位、計(jì)算屏幕高度再定位等等，都沒有作用，鍵盤出來后還是會(huì)遮擋住。最后只能上網(wǎng)查找答案，找了半天，終于找到了答案，這里要感謝learn_shifeng。
原來只需簡(jiǎn)簡(jiǎn)單單的一句代碼就幫我解決了問題微笑。。
下面是解決問題的代碼：
setTimeout(function(){
document.body.scrollTop = document.body.scrollHeight;
},300);
以上這篇移動(dòng)端固定輸入框在底部會(huì)被鍵盤遮擋的解決方法(必看篇)就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
之前在網(wǎng)上看到了一個(gè)Android實(shí)現(xiàn)的爆炸效果，感覺非常不錯(cuò)，所以自己嘗試用iOS來實(shí)現(xiàn)下效果，現(xiàn)在將實(shí)現(xiàn)的過程、原理以及遇到的問題分享給大家，有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-10-10
iOS實(shí)現(xiàn)無限循環(huán)滾動(dòng)的TableView實(shí)戰(zhàn)教程
這篇文章主要給大家介紹了關(guān)于iOS實(shí)現(xiàn)無限循環(huán)滾動(dòng)的TableView的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧。2017-05-05
IOS 粒子系統(tǒng) (CAEmitterLayer）實(shí)例詳解
這篇文章主要介紹了IOS 粒子系統(tǒng) (CAEmitterLayer）實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2016-09-09
這篇文章主要給大家介紹了iOS在狀態(tài)欄上顯示提醒信息的相關(guān)資料，實(shí)現(xiàn)后的效果非常不錯(cuò)，文中給出了詳細(xì)的示例代碼供大家參考學(xué)習(xí)，需要的朋友們下面來一起看看吧。2017-06-06
這篇文章主要介紹了OpenCV?iOS?圖像處理編程入門,OpenCV?的應(yīng)用領(lǐng)域非常廣泛，包括圖像拼接、圖像降噪、產(chǎn)品質(zhì)檢、人機(jī)交互、人臉識(shí)別、動(dòng)作識(shí)別、動(dòng)作跟蹤、無人駕駛等，對(duì)于圖像處理、人機(jī)交互及機(jī)器學(xué)習(xí)算法感興趣的可以選擇一個(gè)方向進(jìn)行深入的研究2022-07-07
本篇文章主要介紹了淺談iOS中的鎖的介紹及使用，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-11-11
iOS實(shí)現(xiàn)多個(gè)彈框按順序依次彈出效果
這篇文章主要為大家詳細(xì)介紹了iOS實(shí)現(xiàn)多個(gè)彈框按順序依次彈出效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-07-07
IOS利用CocoaHttpServer搭建手機(jī)本地服務(wù)器
這篇文章主要介紹了IOS利用CocoaHttpServer搭建手機(jī)本地服務(wù)器的步驟，幫助大家更好的理解和學(xué)習(xí)使用ios開發(fā)，感興趣的朋友可以了解下2021-04-04
這篇文章主要介紹了IOS 仿支付寶支付屏幕亮度變化機(jī)制的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2017-01-01
這篇文章主要為大家詳細(xì)介紹了iOS實(shí)現(xiàn)懸浮按鈕，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-01-01