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

在移动端使用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";
}
}
坚持优质技术分享,您的支持将鼓励我继续创作!