關於移動端H5手機軟鍵盤調起事件

參考效果如圖

有個問題就是底欄一般都是fixed定位的，鍵盤調起的時候元素也會被頂起來，我要做的跟上兩張圖的效果相反，就是當鍵盤調起時隱藏元素，鍵盤消失時顯示，因為拿不到系統鍵盤的對應事件，用window的resize事件解決，系統鍵盤調起消失會觸發這個事件，但是android微信下測試document.body.clientHeight並不會變，所以用的底欄的top值，這個值被系統鍵盤頂起來后會變化，代碼如下

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