jquery - 可以定位不相对于视口的 Jquery ui 对话框

Question

我尝试在网站上以严格的位置定位 Jquery ui 的对话框。我尝试将它们用作小弹出窗口，转一圈然后在不同的位置重新弹出它们。但是，当我滚动页面时，对话框会跟随我的视口。我用这段代码来定位它们：

$("#bubble").dialog("option", "position", [xLoc,yLoc]);

有没有办法给他们严格的位置？

在这里你可以查看我尝试过的网站。当您向下滚动弹出窗口时，跟随您:(

Answer 1

根据jQuery UI 对话框的文档，位置选项显示相对于用户视口的对话框。

因此，如果您不想要此功能，您只需通过更改对话框的值top和leftCSS 值来重新定位对话框。无论视口如何，这都会将对话框定位在屏幕的左上角。

$('.ui-dialog').css({
    top: 0,
    left: 0
});

Answer 2

$('your_selector').dialog({
  open: function(){
    $('.ui-dialog').css({
        "position": "absolute",
        "top": ( $(window).height() - $(this).height() ) / 2+$(window).scrollTop() + "px",
        "left": ( $(window).width() - $(this).width() ) / 2+$(window).scrollLeft() + "px"
    });
  }
});

我知道它是在某个帖子中添加的，很抱歉重新添加，但这应该可以