绝对定位 软键盘弹出时顶起底部按钮

问题描述：

看图

软键盘弹出就变成了这样。。。。遮住了我们的内容。

 

解决方法：

来个媒体查询：让他在软键盘弹出的时候底部的按钮就隐藏。

@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")
    }
});

这种方法的效果是这样的.按钮就上去了但是还是会在原来的那个内容下面的。