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

问题描述:

看图

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





解决方法:


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

@media (max-width: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")
    }
});


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



展开阅读全文

没有更多推荐了,返回首页