情况1 在页面中用了position: fixed; bottom: 0;。把元素定位在页面的底部,但是键盘弹起后,该定位元素也会跟着键盘一起弹起
解决方案(在js中加此段代码)
$(function(){
var win_Height = $(window).height();
$(window).resize(function() {
var that_Height = $(this).height();
var key_Height = that_Height - win_Height ;
$(".bottom_div/要控制的元素id或类名").css({ 'bottom': key_Height+ 'px' });
$(".xieyi/要控制的元素id或类名").css({ 'bottom': (key_Height+60) + 'px' });
});
})
情况二 在CSS中使用背景图或者文档中的元素,高度都用了百分比作为高度单位。例如:(width: 100%; height: 100%; background-image: url(‘照片路径’);),键盘弹起后,图 片/ 文档内容被压缩
解决方案
var win_Height = $(window).height(); //获取当前页面高度
$("body").height(win_Height);