jquery модальное диалоговое расположение в прокручиваемом окне

Моя страница состоит из большого количества данных, которые я должен прокрутить вниз до щелчка кнопки, которые будут запускать диалоговое окно jquery modal. На кнопке щелкните, что я установил позицию windowscroll в начало страницы и скрыл панель прокрутки окна. Но я не могу позиционировать модальный диалог в центральном положении окна, но располагаюсь в центре документа.

Я дал код, как показано ниже:

$(settings.dialogDivId).dialog({
        open: function () {
            window.scrollTo(0, 0);
            $('body').css({ 'overflow': 'hidden', 'height': '100%' });

        },
        width: 400,
        modal: true,
        position: ['center', 'center'],
        buttons: {
            Ok: function () {
                $(this).dialog("close");
                $('body').css({ 'overflow': 'inherit', 'height': 'auto' });
                postbackCtrl.attr("data-validation-override", true);
                window.scrollTo(0, 0);
                postbackCtrl.click();
            },
            Cancel: function () {
                postbackCtrl.attr("data-validation-override", false);
                $(this).dialog("close");
                window.scrollTo(0, 0);
                $('body').css({ 'overflow': 'inherit', 'height': 'auto' });
            }
        }
    });