解诀移动端网页CSS的position: fixed;botto

当软键盘弹出时隐藏footer。

js代码如下：

$("body").find("input[type=text]").each(function() {

    $(this).bind('focus', function() {

        $('#footer').css('display', 'none');

    }).bind('blur', function() {

        $('#footer').css({
            'position': 'fixed',
            'bottom': '0'
        });
        var footer = $('#footer');
                    var display = footer.css('display');
                    if (display == 'none') {
                        footer.show();
                    } else {
                        footer.hide();
                    }


    });

});