方案一隐藏和展示html
var client_h = document.documentElement.clientHeight || document.body.clientHeight;
$(window).on("resize",function(){
var body_h = document.documentElement.clientHeight || document.body.clientHeight;
if(body_h < client_h){//键盘弹出的事件处理
$('.footmenu').css('display','none');
}else{//键盘收起的事件处理
$('.footmenu').css('display','');
}
});
方案2:修改position属性
var client_h = document.documentElement.clientHeight || document.body.clientHeight;
$(window).on("resize",function(){
var body_h = document.documentElement.clientHeight || document.body.clientHeight;
if(body_h < client_h){
$('.footmenu').css('position','');
}else{
$('.footmenu').css('position','fixed');
}
});
两种方案那个好使,还是要看具体情况