移动端H5输入框调起手机软键盘，导致底部固定定位被顶起解决方法

1.示例

2.解决方法（1）

mounted() {// 获取初始可视区域高度const clientHeight = document.documentElement.clientHeight;// 监听窗口大小变化事件window.onresize = () => {/* * 比较当前可视高度与初始高度：* 1. 当键盘弹出时，可视区域高度会减小（clientHeight > 当前高度）* 2. 当键盘收起时，可视区域高度会恢复*/if (clientHeight > document.documentElement.clientHeight) {// 键盘弹出时隐藏元素this.isshow = false; } else {// 键盘收起时显示元素this.isshow = true;}};
},

3.解决方法（2）

// 通过媒体查询
@media (min-aspect-ratio: 13/20) {.footer {display: none;}
}