Позиция диалогового окна пользовательского интерфейса jquery сверху DIV

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"}}); 

Однако он не работает, то диалог застрял в верхней части контейнера. Хотя, если я использую «верх + 25%», он работает, см. this js fiddle. Могу ли я использовать margin-top в пикселях, используя утилиту jQuery «position» для этого диалога?

Спасибо!

Answer 1

Наконец-то я узнал, что не так: из-за первого аргумента «центр центра» высота диалога удаляла верхний край.

Вот решение:

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

Я обновил jsfiddle.