移动端H5文本框获取焦点唤起键盘时，fixed或absolute定位的元素被键盘顶上去的问题解决方案

场景

看下面两张图，文本框（ input 或 textarea ）获取焦点时，手机自带的键盘会被唤起，从而导致视口高度变小，从而导致处于 fixed 定位且设置 bottom 属性的元素，会被键盘顶上去，浮于键盘上方。（由于手机内部机制不同，仅安卓出现这种问题）

解决方案

思路

监听当前视口的变化：

当视口大小发生改变时，判断变化后的视口高度是否小于初始的窗口高度，是则隐藏相关元素；反之，显示相关元素

主要代码

const WIN_HEIGHT = window.innerHeight
window.addEventListener(