移动端的文本框获取焦点时导致fixed或absolute定位的按钮被手机键盘顶上去的问题

先上代码

var win_h = $(window).height();//关键代码
window.addEventListener('resize', function () {
    if($(window).height() < win_h){
        $('.share-btn-box').hide();//找到要显示隐藏的块
    }else{
        $('.share-btn-box').show();//找到要显示隐藏的块

} });

问题：

　　即当文本框（指input或textarea）获取焦点时，手机自带的键盘会被唤起并且弹出来。
　　此时，就会导致一个问题：处于absolute（绝对）定位或fixed（固定）定位的按钮，会被键盘顶上去，漂浮于键盘上方。

解决思路：

　　动态监控浏览器窗口的变化。当浏览器窗口的大小发生变化时，如果变化后的窗口高度小于初始的窗口高度，则让按钮隐藏起来；反之，则让按钮正常显示。