Định vị hộp thoại Giao diện người dùng jQuery: điều chỉnh vị trí trên cùng 20px -

Question

Tôi có hộp thoại được thực hiện bằng cuộc gọi ajax. Tôi muốn giới hạn max-height của thoại và cũng cho phép nó được cuộn thể nếu điều này max-height bị vượt qua. Mã dưới đây thực hiện chính xác những gì tôi muốn.

Bắt là tôi không thể di chuyển đầu của hộp thoại từ vị trí trên cùng. Tôi có thể di chuyển nó sang trái và phải. Tôi không thể sử dụng trung tâm hoặc là hộp thoại được hiển thị trong cửa sổ có thể cuộn lớn. Nếu tôi sử dụng firebug tôi có thể điều chỉnh các tài sản hàng đầu nhưng không thể tìm thấy nơi nó đang được thiết lập để không.

$("#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' 
}); 

Tôi muốn điều chỉnh vị trí y của hộp thoại sao cho nó cách đỉnh cửa sổ 20px. Bất kỳ ý tưởng những gì tôi có thể làm gì?

Answer 1

Thay đổi giá trị cuối cùng giải quyết vấn đề:

position: ['center',20] 

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

Answer 2

Cách đơn giản nhất là:

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

Answer 3

sử dụng 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}); 
      }, 
     });