javascript - jqueryダイアログをブラウザの現在の表示可能領域の中央に表示するにはどうすればよいですか?

Question

ページの正確な中央であるデフォルトの位置でダイアログを中央に配置できます。ただし、ページの高さがブラウザー ウィンドウよりも長い場合、ダイアログが最初に開いたときに、ページ全体がスクロールして中央に戻ります。

ページではなく画面に対してダイアログを中央に配置したいと思います。

これは私がそれを初期化するために使用するものだと思います：

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