0

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

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

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

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

4

2 回答 2

2

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

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

$('.ui-dialog').css({
    top: 0,
    left: 0
});
于 2012-05-18T17:03:24.953 回答
1 
$('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"
    });
  }
});

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

于 2013-04-22T14:32:05.783 回答