H5开发 手机键盘调起 顶起定位元素

在H5移动端开发中，手机移动终端在点击输入框调起虚拟键盘时，会顶起固定定位或者绝对定位的页面元素：

比较简单的解决思路是：监听页面窗口尺寸的变化，改变固定定位或绝对定位元素的展示和隐藏。

vue代码示范：

mounted () { // 监听
	window.onresize = () => { // 监听窗口变化
     this.btn = !this.btn
    }
 },

在vue mounted生命周期函数中，监听页面尺寸的变化，来改变变量控制元素的展示隐藏。