Question

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

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

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

在这里，您可以查看我试用的网站。当您向下滚动弹出窗口时，请按照以下步骤操作：（

Answer 1

每jQuery UI Dialog's docs个位置选项会显示相对于用户视口的对话框。

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

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

我知道这是在某个帖子中添加的某个地方，抱歉重新添加，但这应该有效

可以将Jquery ui对话框定位为不相对于视口

2 个答案: