#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頂到頁面中間導致布局亂了，求不要頂上去的解決方法。
27 回答
KJinn
TA貢獻20條經驗 獲得超12個贊
已經完美解決了。附上代碼供后來者參考
window.onload = function(){
var h = $('body').height();
$('body').css('min-height',h);
}
-
慕粉3782079底部的固定定位是不是也可以這樣？你這是設置最小高度啊 -
後埔仔他這是在頁面加載時獲取當前屏幕body的具體高度(屏幕不同造成可能的高度不同，所以要加載時獲取才準確到每個用戶)，然后把body的最小高度強制設置為當前屏幕高度。意思是最小高度為整個屏幕，所以不管換哪個屏幕打開，都不會再被頂上去了。 -
後埔仔這其實是變相給body設置了固定高度。如果頁面只需要整個屏幕高度就足夠，那倒也還好。如果是內容很長的頁面，這樣就會出現內容顯示不全的尷尬了。所以，這里還需要在input失焦時(一般失焦時鍵盤就會自動收起)再觸發一個事件，讓body去掉固定高度，恢復原先100%高度。
點擊展開后面1條
- 27 回答
- 5 關注
- 37708 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消