jquery ui对话框，引导程序居中，没有固定位置

Question

使用jquery UI对话框与表单进行对话。我也使用bootstrap格式化和jquery ui bootstrap来组合它们（https://github.com/jquery-ui-bootstrap/jquery-ui-bootstrap）

使用此代码进行对话框初始化。我试图使对话框出现在屏幕的中心，但它没有固定的位置。因此，当用户滚动时，对话框将移开。它可以吗？

function addProjectDialog(event){
    event.preventDefault();
    unselectTableItem();
    closeAllDialogs();

    var form = $("#newProjectFormContainer");

    form.dialog({  
        title: "New project",
        autoOpen: false,
        position: {
            my: 'center', 
            at: "center"
        },

        width: 'auto',
        height: 'auto',
        beforeClose: function(){ 
            $.noty.closeAll()    
        }

    });


    form.dialog('open')
    form.find('.text').val("")
    form.find('.date').val(getTodayDate())           
    form.find('.date').datepicker({
        dateFormat: "yy-mm-dd"
    }); 
    form.find('option:selected').removeAttr('selected')
    form.find('textarea').val('')         
}