Question

我正在创建一个具有模态Jquery对话框的网页。当对话框打开时，一切似乎都很好，直到你开始滚动。如果滚动，您会看到叠加层不会覆盖整个网页，直到对话框为止。当我想移动对话框时，当我滚动页面时，对话框只是向下跳，这样滚动距离就是鼠标和对话框之间的距离。

任何人都知道如何解决这些问题？

编辑1：叠加大小的问题。

.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");
                        }
                    }
                });

Jquery DIalog覆盖和位置问题

1 个答案: