安卓键盘弹出底部被顶起

最新推荐文章于 2022-09-20 17:36:00 发布

金翅

最新推荐文章于 2022-09-20 17:36:00 发布

阅读量368

点赞数

CC 4.0 BY-SA版权

分类专栏：动画效果 html5+css3

本文链接：https://blog.youkuaiyun.com/qq_37103514/article/details/103766977

html5+css3 同时被 2 个专栏收录

35 篇文章

订阅专栏

动画效果

25 篇文章

订阅专栏

本文介绍了一种使用JavaScript监听窗口大小变化的方法，来应对iOS和Android设备上软键盘弹出时导致的页面底部元素位置错乱问题。通过比较文档高度的变化，动态调整底部元素的定位属性，确保了在不同设备和操作系统下的一致用户体验。

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

 //安卓键盘弹出底部被顶起
        var oHeight = $(document).height();
        $(window).resize(function(){ //ios软键盘弹出不会触发resize事件
            if($(document).height() < oHeight){
                $(".signIn_footer").css("position","static");
            }else{
                $(".signIn_footer").css("position","absolute");
            }
        });