起因
移動(dòng)端在不做任何處理的前提下理疙,輸入框呼出輸入法,輸入法會(huì)遮擋住將近一半的網(wǎng)頁(yè)面積泞坦,經(jīng)常會(huì)把輸入框自身也遮擋住窖贤,這個(gè)問(wèn)題,我查了很多資料,可以說(shuō)解決方案不下10種赃梧,但是往往理解起來(lái)比較困難滤蝠,所以干脆自己寫(xiě)一種。
代碼
// 首先判斷瀏覽器是否移動(dòng)瀏覽器授嘀,方法任意物咳,只要能準(zhǔn)確判斷出來(lái)即可
// 我是用的device.js
// 另外我引入了jQuery
if ($('html.mobile').length) {
var initialHeight = $(window).height();
$('.covered-input-box').on('focus', function () {
$("body").height($(window).height());
}).on('blur', function() {
setTimeout(function () {
$("body").height(initialHeight);
}, 0);
});
}
稍作解釋
var initialHeight = $(window).height();
儲(chǔ)存初始視口高度