鍍金池/ 問(wèn)答/HTML/ 底部定位,鍵盤(pán)彈出,位置變化問(wèn)題

底部定位,鍵盤(pán)彈出,位置變化問(wèn)題

圖片描述

頁(yè)面需求是底部有個(gè)提示信息,我用的是定位把這個(gè)提示信息定位在底部的
圖片描述

現(xiàn)在在安卓機(jī)上鍵盤(pán)彈出就會(huì)把提示信息擠上來(lái),這是什么原因呀!求解答

回答
編輯回答
兮顏

$('body').height($('body')[0].clientHeight);

2018年5月18日 02:26
編輯回答
近義詞

clipboard.png

大膽猜測(cè)這里用的是fixed定位,如果不是,請(qǐng)忽略下面的。。。


如果是fixed定位的話,可以這樣:
當(dāng)輸入框獲取焦點(diǎn)的時(shí)候,將底部元素設(shè)置為 position:absolute
失去焦點(diǎn)時(shí) 恢復(fù)你原來(lái)的 position:fixed

2018年6月21日 23:17
編輯回答
空痕

文字信息放在底部absolute 就好了 fixed對(duì)ios 安卓支持不是很好
或者用flex

2018年4月22日 15:02
編輯回答
未命名
var HEIGHT = $('body').height();
$(window).resize(function () {
    $('div').height(HEIGHT);
});
2017年7月20日 09:26