jQuery UI对话框 – 外部窗口在对话框内滚动时滚动

我正在使用 jQuery UI对话框来显示一个包含页面的弹出窗口。当我滚动弹出窗口，如果滚动条到底部，父页面开始滚动。在对话框内滚动时，如何限制父页面滚动？

我已经使用以下代码创建了一个模态对话框。

// Dialog
$('#dialog').dialog({
    autoOpen: false,width: 800,height: 550,minHeight: 500,maxHeight: 800,minWidth: 500,maxWidth: 900,modal: true,buttons: {
        "Cancel": function () {
            $(this).dialog("close");
        }
    }
});

$('#AddNewItems').click(function () {
    var currentURL = getURLOfCurrentPage();
    $('#dialog').dialog('open');
    $("#dialog").dialog("option","width",800);
    $("#dialog").dialog("option","height",550);
    $("#dialog").dialog( "option","draggable",false );
    $("#dialog").dialog( "option","modal",true );
    $("#dialog").dialog( "option","resizable",false );
    $('#dialog').dialog("option","title",'My title');
    $("#modalIframEID").attr("src","http://myUrl");
    return false;
});

$('#dialog').dialog({
    autoOpen: false,buttons: {
        "Cancel": function () {
            $(this).dialog("close");
        }
    },open: function(){
        $("body").css("overflow","hidden");
    },close: function(){
        $("body").css("overflow","auto");
    }
});