关于移动端H5手机软键盘调起事件

参考效果如图

有个问题就是底栏一般都是fixed定位的，键盘调起的时候元素也会被顶起来，我要做的跟上两张图的效果相反，就是当键盘调起时隐藏元素，键盘消失时显示，因为拿不到系统键盘的对应事件，用window的resize事件解决，系统键盘调起消失会触发这个事件，但是android微信下测试document.body.clientHeight并不会变，所以用的底栏的top值，这个值被系统键盘顶起来后会变化，代码如下

var bottomBarTop = parseInt($('#bottomBar').css('top'));
$(window).resize(function () {
    var currBottomBarTop = parseInt($('#bottomBar').css('top'));
})