lyj707107312
2017-12-06 09:24
采纳率: 93.8%
浏览 23.3k

移动端h5页面,当软键盘弹出时,会将底部导航footer顶上去,怎么解决???

移动端h5页面,当软键盘弹出时,会将底部导航footer顶上去,怎么解决???

  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

6条回答 默认 最新

  • 阡路陌人 2017-12-07 02:14
    已采纳

    这个需要你js来判断下
    var oHeight = $(document).height(); //浏览器当前的高度

    $(window).resize(function(){

        if($(document).height() < oHeight){
    
        $("#footer").css("position","static");
    }else{
    
        $("#footer").css("position","absolute");
    }
    

    });

    
    
    打赏 评论
  • 前端小木 2017-12-06 09:54

    给footer开一个固定定位,固定在底部

    打赏 评论
  • 前端-珊珊 2017-12-07 09:30

    $('body').height($('body')[0].clientHeight);

    打赏 评论
  • JesonPark 2017-12-07 15:51

    footer的css属性position: fixed。如果ios客户端用的UIWebview内核,在ios11下可能会存在渲染问题,建议使用 animation来解决此问题。

    打赏 评论
  • 猫猫绒 2017-12-13 08:14

    footer的样式写固定在底端

    打赏 评论
  • zy35 2017-12-26 07:08

    建议你可以先设置一个DIV(记得设置他的大小宽高),然后设置over-flow:hidden属性,这样子就顶不上去了

    打赏 评论

相关推荐 更多相似问题