HTML：Android中软键盘显示时，底部固定导航上顶的解决方案

1、解决方案

软键盘显示时，底部导航使用css 中 top 进行固定。

top = 浏览器可视区域高度 - 底部固定导航高度

2、代码

jQuery

$(document).ready(function () {
    /*输入框聚焦，软键盘弹出*/
    $("input").focus(function(){
        $(".bottom-nav").css('top',$(window).height()-navHeight);
    })
    /*软键盘隐藏*/
    $("input").blur(function(){
        $(".bottom-nav").css('top','auto');
    })
})