h5页面中固定在底部的导航跟随着键盘移动

问题描述：在有底部导航的页面里，如果有哦输入框，当输入框获取焦点的时候，键盘就会被弹出来，由于这时页面的高度变化了，定位的导航位置也会变化，所以这时我们的底部导航会出现在键盘的上面，如下图：

解决方法：根据页面的可见区域高来控制它是否显示

效果如下