jquery-ui - jQuery UI 对话框定位：将位置顶部调整 20px -

Question

我有一个由 ajax 调用填充的对话框。我想限制对话框的最大高度，如果超过这个最大高度，也允许它可以滚动。下面的代码正是我想要的。

问题是我无法从顶部位置移动对话框的顶部。我可以左右移动。我也不能使用中心，因为对话框显示在一个大的可滚动窗口中。如果我使用 firebug，我可以调整 top 属性，但找不到将其设置为零的位置。

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

我想调整对话框的 y 位置，使其距离窗口顶部 20px。知道我能做什么吗？

Answer 1

更改最后一个值解决了问题：

position: ['center',20] 

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

Answer 2

最简单的方法是：

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

Answer 3

使用 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});
            },
        });