jQuery диалоговое окно UI - Внешнее окно прокручивает при прокрутке в диалоговом окне

Я использую диалоговое окно UI jQuery для показа всплывающего окна, содержащего страницу. Когда я прокручиваю во всплывающем окне и если полосы прокрутки прибывают в нижнюю часть, родительская страница начинает прокручивать. Как я могу ограничить родительскую страницу в прокрутке при прокрутке в диалоговом окне?

Я создал модальное диалоговое окно с помощью следующего кода.

// 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;
});