在ipad phonegap上运行应用程序时出现css背景问题

Question

我正在尝试通过phonegap开发一个应用程序，这是一个非常奇怪的问题。

点击Ipad的选项或虚拟键盘，我有一个自举模式。当模态打开时，背景重叠我的模态。 任何解决方案？

    if (navigator.platform == 'iPad') {
    $(".ipadissue").css("position", "absolute");
    $('.ipadissue').css('top', window.innerHeight + window.scrollY - 130 + "px");}
$(".modal").live("click", function() {
    if ($(this).attr('aria-hidden') == "false")
    {
        $("#content").css("position", "fixed");
    }
    else
    {
        $("#content").css("position", "absolute");
        $("#modal-content").css("position", "absolute");
    }
});

if (navigator.platform == 'iPad') {
$(function() {

    $(document).on('focusin', 'input, textarea', function() {
        $('#header').css("position", "absolute");
        $('.searchbardiv').css("position", "absolute");
    })
    $(document).on('click', 'input[type=file], a', function() {
        $('#header').css("position", "absolute");
        $('.searchbardiv').css("position", "absolute");

    })
    $("input[type=file]").on('change', function() {
        $('#header').css("position", "absolute");
        $('.searchbardiv').css("position", "absolute");
    })
            .on('focusout', 'input, textarea', function() {
        $('#header').css("position", "fixed");
        $('.searchbardiv').css("position", "fixed");
    });
});
}