ios軟鍵盤彈起遮擋輸入框bug(Hbuilder)

背景介紹:webapp+plus,用Hbuilder/HbuilderX打包的app,真機(jī)聯(lián)調(diào)或者用HbuilderX打包都沒有問題,只有Hbuilder打離線安裝包才會出現(xiàn),在網(wǎng)上找了很久也沒有找到解決辦法,在此貼出一種解決方案,希望有類似遭遇的大神能到此一游,以獲精神交流。

問題:一個頁面有很多個輸入框(input,textarea),而且可以動態(tài)添加和刪除輸入框,ios點擊最下邊的輸入框,軟鍵盤彈起,滾動條滑到一大半就滑不動了,導(dǎo)致輸入框被遮擋,只能忙輸。

方案:
1.固定高度的外層div添加樣式:

.parentDiv{    
    overflow: auto;
    height: calc(100% - 90px);//根據(jù)實際情況設(shè)置高度
    -webkit-overflow-scrolling: touch;//ios滾動條流暢度
    position:fixed;
    width:100%;
}
注:height不能用vh
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容