#send{ width:40%; height:44px; line-height:42px; color:#000533; background:#fff; border:1px solid #000533; position:absolute; bottom:6%; left:30%;}<button id="send">提交</button>部分安卓機型在點擊輸入框彈出虛擬鍵盤的時候會把send頂?shù)巾撁嬷虚g導(dǎo)致布局亂了，求不要頂上去的解決方法。
27 回答
KJinn
TA貢獻(xiàn)20條經(jīng)驗 獲得超12個贊
已經(jīng)完美解決了。附上代碼供后來者參考
window.onload = function(){
var h = $('body').height();
$('body').css('min-height',h);
}
-
慕粉3782079底部的固定定位是不是也可以這樣？你這是設(shè)置最小高度啊 -
後埔仔他這是在頁面加載時獲取當(dāng)前屏幕body的具體高度(屏幕不同造成可能的高度不同，所以要加載時獲取才準(zhǔn)確到每個用戶)，然后把body的最小高度強制設(shè)置為當(dāng)前屏幕高度。意思是最小高度為整個屏幕，所以不管換哪個屏幕打開，都不會再被頂上去了。 -
後埔仔這其實是變相給body設(shè)置了固定高度。如果頁面只需要整個屏幕高度就足夠，那倒也還好。如果是內(nèi)容很長的頁面，這樣就會出現(xiàn)內(nèi)容顯示不全的尷尬了。所以，這里還需要在input失焦時(一般失焦時鍵盤就會自動收起)再觸發(fā)一個事件，讓body去掉固定高度，恢復(fù)原先100%高度。
點擊展開后面1條
添加回答
舉報
0/150
提交
取消