從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。我可以在像素中使用「位置」jquery實用程序爲此對話框使用margin-top嗎？

謝謝！

Answer 1

最後我發現了什麼是錯的：由於第一個參數'center center'，對話框的高度就是刪除了margin-top。

這裏是解決方案：

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

我更新了jsfiddle。