如題所示，H5頁面開發手機輸入法頂起了底部導航欄
我們已經解決了這個問題
但是出現了另外一個問題，， 就是輸入法 收起的時候， 底部導航攔不見了~~~~~ 需要點擊下其他空白位置才能出來。。。
uj5u.com熱心網友回復：
最后怎么解決的、uj5u.com熱心網友回復：
用定位為題來解決var oHeight = $(document).height(); //瀏覽器當前的高度
$(window).resize(function(){
if($(document).height() < oHeight){
$("#footer").css("position","static");
}else{
$("#footer").css("position","absolute");
}
});
第二種方法是改變可是區域的高度
var loaclHeight = $("section").height();//獲取可視寬度
$("input,textarea").focus(function() {
var keyboardHeight = localHeight - $("section").height();//獲取鍵盤的高度
var keyboardY = localHeight - keyboardHeight;
var addBottom = (parseInt($(this).position().top) + parseInt($(this).height()));//文本域的底部
var offset = addBottom - keyboardY;//計算上滑的距離
$("section").scrollTop(offset);
});
uj5u.com熱心網友回復：
H5頁面開發手機輸入法頂起了底部導航欄怎么解決的轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/72333.html
標籤：HTML5