lyj707107312
lyj707107312
采纳率93.8%
2017-12-06 09:24 阅读 22.0k

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

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

6条回答 默认 最新

  • 已采纳
    m0_37852904 阡路陌人 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");
    }
    

    });

    
    
    点赞 1 评论 复制链接分享
  • liaoxuewu 前端小木 2017-12-06 09:54

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

    点赞 评论 复制链接分享
  • qq_34672907 前端-珊珊 2017-12-07 09:30

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

    点赞 评论 复制链接分享
  • JesonPark JesonPark 2017-12-07 15:51

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

    点赞 评论 复制链接分享
  • hmrhmr1027 猫猫绒 2017-12-13 08:14

    footer的样式写固定在底端

    点赞 评论 复制链接分享
  • liuziying35 zy35 2017-12-26 07:08

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

    点赞 评论 复制链接分享

相关推荐