jQuery UI Диалоговый верхний интервал

Question

Мне нужен диалог, чтобы всегда иметь зазор в 100 пикселей между верхней частью окна и верхней частью диалогового окна. Однако, если диалог выше окна, он всегда будет сидеть заподлицо с верхней частью окна (top - 0px).

установив top, margin-top и padding-top к диалогу с CSS не помогает, поскольку она принимает эти значения во внимание при разработке верхнее значение, и до сих пор позиционирует его на одном уровне с верхней части окна (т.е. добавление margin-top: 100px означает, что он находится в положении top: -100px). Использование встроенного параметра, например 'position': ['center', 100], не работает, когда диалог выше окна.

Я также предпочел бы избежать необходимости вручную корректировать положение после каждой инициализации, если это возможно.

Любые идеи?

Answer 1

Я думаю, что вам нужно нужно перезаписать «используя» часть конфигурации позиции, увидеть это: https://github.com/jquery/jquery-ui/blob/9268634b800ae2148bf088cd229a3bafe2534c7c/ui/jquery.ui.dialog.js#L60-L66

Answer 2

Я совершил это с open варианты событий следующим образом:

$('#dialog').dialog({ 
    open : function() { 
     if ($(this).closest('.ui-dialog').offset().top < 40) { 
      $(this).closest('.ui-dialog').css({'top':'40px'}); 
     } 
    } 
});