【记录】安卓软键盘挤压导致布局解决方法

最新推荐文章于 2022-11-30 15:23:53 发布

GEVAS

最新推荐文章于 2022-11-30 15:23:53 发布

阅读量607

点赞数

分类专栏：记录文章标签：移动端 html JavaScript Android

本文链接：https://blog.csdn.net/qq_30068989/article/details/87859947

版权

记录专栏收录该内容

21 篇文章 0 订阅

订阅专栏

移动端开发安卓输入框聚焦的时候，会挤压body高度导致某些布局变形，必要时根据这个判断去做调整

// 检测触发resize事件
var oHeight = $(document).height();
$(window).resize(function(){ //ios软键盘弹出不会触发resize事件
    if($(document).height() < oHeight){
        $(".text_1").css("top","150%");
    }else{
        $(".text_1").css("top","54%"); //adsolute或fixed，看你布局
    }
});

// 定死高度
$('body').height($('body')[0].clientHeight);