移动端fixed和input获取焦点软键盘弹出影响定位的问题

发表于 更新于 分类于 本文字数： 71 阅读时长 ≈ 1 分钟

在移动端使用fixed将按钮定位在底部时，当input获取焦点弹出软键盘时，在安卓系统会奖底部的按钮顶上去。效果图：

解决办法：

1
2
3
4
5
6
7
8
var h = document.body.clientHeight;
window.onresize = function(){
    if (document.body.clientHeight < h) {
        document.getElementsByClassName('footer')[0].style.display = "none";
    }else{
        document.getElementsByClassName('footer')[0].style.display = "block";
    }
}