jquery - 如何使 jQuery 对话框弹出窗口保持在浏览器中央

Question

即使我向上/向下滚动或更改浏览器窗口的大小，如何使 jQuery 弹出窗口保持在屏幕中央？

这个 div 应该保存对话框:

<div id="dialog">
  <h3 id="deleteMessage"></h3>
</div>

还有对话框 jQuery 代码:

$("#dialog").dialog({
        title: "Confirm Delete",
        autoOpen: false,
        modal: true,
        draggable: false,
        resizable: false,
        closeOnEscape: false,
        minWidth: 440,
        minHeight: 220,
        open: function(event, ui) {
            $(".ui-dialog-titlebar-close", ui.dialog | ui).hide();

还有这段代码将根据我选择的数据表元素的 id 显示弹出消息

$("#deleteMessage").html('Are you sure you want to delete "' +"<b>"+ selectedItemName +"</b>"+ '" report?');

Answer 1

试试这个CSS

#dialog{
  position: fixed;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
}