解决fixed和软键盘弹出之间的问题

解决思路:监听当前窗口大小变化，当键盘弹出时，窗体变小，此时隐藏该div

代码:

var windowInnerHeight = window.innerHeight;//获取当前浏览器窗口高度

//当前窗口变化时，发生resize()方法

$(window).resize(function(){

    if(window.innerHeight < windowInnerHeight){

        $('.foot').hide();

    }else{

        $('.foot').show();

    }

});

测试软件，发现当软键盘弹出时候，用fixed定位在底部的导航栏会随着键盘一起向上移动。

因为是第一次正式写页面，所以遇到问题习惯性百度。第一次修改，当input框获取焦点，键盘弹出，隐藏该div；input失去焦点，显示该div。因为我习惯在内容输入完直接隐藏键盘，此时就发现了问题。隐藏了键盘但是input还没有失去焦点，所以该div还是隐藏状态。

继续网上找答案，在简书上看到了如上的解决方案。

至此问题解决。