Javascript 如何将jquery对话框居中显示在浏览器当前可视区域的中心？

我可以使用一个默认位置，即页面的精确中心来居中对话框。但是，当页面高度大于浏览器窗口时，当对话框首次打开时，它会将整个页面滚动回其中心

我想将对话框预设为相对于屏幕而不是页面的中心位置

我相信这就是我用来初始化它的原因：

dialogDiv.dialog(
{
    title: "Edit Rating",
    width: 'auto',
    height: 'auto',
    modal: true,
    resizable: false
}); 

---

我认为这可能不需要太多努力

$("#dialog").dialog();

根据本文，它默认为中心：

我也试过了，成功了

这甚至更好：

$("#myDialog").position({
my: "center",
at: "center",
of: window
});

---

示例代码：

您可能需要至少指定一个固定的宽度（宽度：600px；），然后在对话框的左侧和右侧自动设置页边距（页边距：0 auto；）实际上是同一个问题。。。。窗口似乎指的是整个页面，而不仅仅是可见区域，还是我做错了什么？

    $("#dialog").dialog("option", "position", "center")