h5页面在安卓手机端软键盘弹出顶起页面布局的解决办法

原创于 2018-06-13 16:52:14 发布 · 1.9w 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#h5页面 #安卓手机 #软键盘弹出 #android

web前端开发专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种使用JavaScript来动态调整网页底部页脚位置的方法，通过监测文档高度变化来实现页脚在绝对定位和静态定位之间的切换，适用于解决iOS设备上软键盘弹出导致的布局问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

如果是footer被顶起，用js判断

var oHeight = $(document).height();
    $(window).resize(function(){ //ios软键盘弹出不会触发resize事件
        if($(document).height() < oHeight){
            $("#footer").css("position","static");
        }else{
            $("#footer").css("position","absolute"); //adsolute或fixed，看你布局
        }
    });