jQuery UI diálogo de posicionamiento: ajuste la posición superior por 20px -

Question

Tengo un cuadro de diálogo que se llena con una llamada ajax. Quiero limitar la max-height de de diálogo y también permitir que sea capaz de desplazamiento si se supera este max-height. El código a continuación hace exactamente lo que quiero.

El problema es que no puedo mover el parte superior del diálogo de la posición superior. Puedo moverlo a izquierda y derecha. No puedo usar center ya sea que el cuadro de diálogo se muestre en una ventana grande con capacidad de desplazamiento. Si utilizo Firebug puedo ajustar la propiedad superior pero no puedo encontrar dónde se establece en cero.

$("#your-dialog-id").dialog({ 
    open: function(event, ui) { 
     $(this).css({'max-height': 500, 'overflow-y': 'auto'}); 
    }, 
    autoOpen:false, 
    modal: true, 
    resizable: false, 
    draggable: false, 
    width: '690', 
    closeOnEscape: true, 
    position: 'top' 
}); 

Quiero ajustar la posición y del cuadro de diálogo para que sea 20px desde la parte superior de la ventana. ¿Alguna idea de lo que puedo hacer?

Answer 1

Cambiar el último valor resuelto el problema:

position: ['center',20] 

http://jsfiddle.net/chrisloughnane/wApSQ/3

Answer 2

La forma más sencilla es:

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

Answer 3

usando jQuery UI 1.11.4

 var Y = window.pageYOffset; 

     $("#dialogJQ").dialog({ 
      modal: true, 
      closeOnEscape: false,     
      width:'auto', 
      dialogClass: 'surveyDialog', 
      open: function(event, ui) { 
       $(this).parent().css({'top': Y+20}); 
      }, 
     });