jQuery UI 对话框未位于屏幕中央

我有一个 jQuery 对话框，该对话框位于屏幕中间。然而，它在垂直方向上似乎稍微偏离中心。

这是代码：

$('#add_box').dialog({
    autoOpen: true,
    width: 300,
    modal: true,
    resizable: false,
    bgiframe:true
});

有什么想法为什么这不会居中吗？

如果您的视口在对话框显示后滚动，它将不再居中。通过在页面中添加/删除内容，可能会无意中导致视口滚动。您可以在滚动/调整大小事件期间通过调用以下命令将对话框窗口置于中心位置：

$('my-selector').dialog('option', 'position', 'center');