问题描述:
看图
软键盘弹出就变成了这样。。。。遮住了我们的内容。
解决方法:
来个媒体查询:让他在软键盘弹出的时候底部的按钮就隐藏。
@media (max-height:400){
.footer{display:none;}
}
还有一种解决的办法
var winHeight = $(window).height(); //获取当前页面高度
$(window).resize(function(){
var thisHeight=$(this).height();
if(winHeight - thisHeight >50){
//当软键盘弹出,在这里面操作
$(".footer").css("position","static")
}else{
//当软键盘收起,在此处操作
$(".footer").css("position","absolute")
}
});
这种方法的效果是这样的.按钮就上去了但是还是会在原来的那个内容下面的。