从DIV顶部开始的jquery UI对话框的位置

Question

我使用jQuery UI 1.10.2在DIV中显示对话框。此容器div具有动态ajax内容。

目前我将对话框放在这样的中心：

$( "#mydialog" ).dialog({position: my: "center center", at: "center center", of: "#mycontainer"}});

它工作得很好，但如果容器的高度很大，用户需要滚动才能看到对话框，所以我想将对话框水平居中，并从容器顶部以75px显示。

如果我理解这个“位置”效用，根据jquery UI documentation，我们应该能够做到这一点：

$( "#mydialog" ).dialog({position: my: "center center", at: "center top+75", of: "#mycontainer"}});

但是它不起作用，对话框卡在容器的顶部。虽然如果我使用“top + 25％”它可行，请参阅this js fiddle。我可以使用“position”jquery实用程序为此对话框使用margin-top（像素）吗？

谢谢！

Answer 1

最后我发现了什么是错的：因为第一个参数'中心'，对话框的高度正在移除边距顶部。

以下是解决方案：

$( "#mydialog" ).dialog({ my: "center top", at: "center top+75", of: "#mycontainer"})

我更新了jsfiddle。