? 應(yīng)用場(chǎng)景：用div在移動(dòng)端頁(yè)面設(shè)置一個(gè)底部工具欄，css的代碼大概如下：

.tool{width: 100%;height: 60px;position: fixed;left: 0px;bottom: 0px;background-color: #000080}

? 如果頁(yè)面有一輸入框<input type="text">，在點(diǎn)擊輸入框輸入內(nèi)容時(shí)，移動(dòng)端軟鍵盤(pán)彈起，這時(shí)這個(gè)div也一起彈起，頂在軟鍵盤(pán)上面，會(huì)遮擋輸入框，要用下面的方法去消除彈起來(lái)的div，主要思路是div彈起來(lái)后隱藏掉。

? 通過(guò)resize方法監(jiān)聽(tīng)$(this).height()，獲取頁(yè)面高度，成功獲得改變后的頁(yè)面高度，軟鍵盤(pán)彈出時(shí)隱藏被頂起的頁(yè)面。

var winHeight = $(window).height(); //獲取當(dāng)前頁(yè)面高度$(window).resize(function(){var thisHeight=$(this).height();if(winHeight - thisHeight >50){//當(dāng)軟鍵盤(pán)彈出，在這里操作$(".頂起的頁(yè)面").hide();}else{//當(dāng)軟鍵盤(pán)收起，在此處操作$(".頂起的頁(yè)面").show();}});

? this是html對(duì)象 $(this)是jq對(duì)象，調(diào)用jq對(duì)象的height()方法。

轉(zhuǎn)載于:https://www.cnblogs.com/qingsong/p/9864104.html

總結(jié)

以上是生活随笔為你收集整理的H5页面关于android软键盘弹出顶起底部元素的解决方案的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。