移动端虚拟键盘与fixed定位失效问题！

问题源头

移动端虚拟键盘出现的条件是：文本框（文本类）得到焦点浏览器

弹出键盘后原先定位与底部的东西会被虚拟键盘顶上去，样式错乱！spa

首先咱们会想到监听focus和blur事件，可是会有bug，虚拟键盘有自带的收起键盘，这样输入框仍是聚焦事件，并无触发blur事件。因此会致使失效的。事件

解决办法

 windowInnerHeight = window.innerHeight; //获取当前浏览器窗口高度
    $(window).resize(function(){
        if(window.innerHeight < windowInnerHeight){
            $('.footer').removeClass('footerss');
        }else{
        $('.footer').addClass('footerss');
        }
      });rem