带有覆盖和位置的Jquery DIalog问题

Question

我正在制作一个带有模式Jquery对话框的网页。当对话框打开时，一切看起来都很好，直到您开始滚动。如果你滚动，你会看到覆盖并没有覆盖整个网页，只覆盖到对话框所在的位置。当我想移动对话框时，当我滚动页面时，对话框就会向下跳跃，所以滚动距离就是鼠标和对话框之间的距离。

有人知道怎么修这些东西吗？

编辑1:覆盖大小的FIxed问题。

.ui-widget-overlay {
    position:fixed;
}

编辑2:一些代码

jQuery("#markusPopUp").dialog({
                    resizable: false,
                    height: 375,
                    modal: true,
                    buttons: {
                        "Kinnita": function () {
                           //Some action
                        },
                        "Katkesta": function () {
                            jQuery(this).dialog("close");
                        }
                    }
                });

<div id="markusPopUp" style="display:none" title=" title">
    <div id="eelmised" style="word-wrap: break-word;"></div>
    <textarea id="markus"></textarea>
</div>

Answer 1

尝试将以下代码添加到您的代码中：

jQuery("#markusPopUp").dialog({
                    resizable: false,
                    height: 375,
 position: { my: "center", at: "center", of: window },
                    modal: true,
                    buttons: {
                        "Kinnita": function () {
                           //Some action
                        },
                        "Katkesta": function () {
                            jQuery(this).dialog("close");
                        }
                    }
                });