Позиционирование диалогов jqueryui

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

 $("#dialog-form").dialog({
                autoOpen: false,
                width: 630,
                position: 'center',
                modal: true,
                resizable: false,
                closeOnEscape: false

            });

Ответ 1

Используйте опцию , чтобы выровнять верхнюю часть диалогового окна с верхней частью окна (плюс пиксельное или процентное смещение).

Это должно центрировать диалог горизонтально и позиционировать его на 150 пикселей сверху.

$("#dialog-form").dialog({
    autoOpen: false,
    width: 630,
    position: { my: 'top', at: 'top+150' },
    modal: true,
    resizable: false,
    closeOnEscape: false
});

В старых версиях пользовательского интерфейса jQuery использовался массив, содержащий пару координат [x, y] в смещении пикселей слева, верхнем углу окна просмотра (например, [350, 100]).

var dialogWidth = 630;
$("#dialog-form").dialog({
    // ...
    width: dialogWidth,
    position: [($(window).width() / 2) - (dialogWidth / 2), 150],
    // ...
});

Ответ 2

Это сработало для меня

 position: { my: "center", at: "center", of: window },

Также вы можете проверить положение диалога здесь
Найти позицию

Ответ 3

я наткнулся на это, ища тот же вопрос, у меня уже был мой ответ:

position: ['center', 'top+100']

это будет горизонтально и 100 пикселей сверху

это работает также

position: ['center', 'center+100']

центр горизонтально и 100 пикселей снизу центра.

Ответ 4

Я скорректировал ответ Exlord для соответствия.

позиция: ['center-7%', 'center-12%']

Этот параметр настраивается горизонтально и вертикально

$(".popup").dialog({    
position: ['center-7%', 'center-12%'],
title: 'Updating',
    width: "auto",
}
});

Ответ 5

Попробуйте следующее:

    position: {
        my: 'top',
        at: 'top',
        of: $('#some-div')
    },

Ответ 6

position: { 
   my: 'top', 
   at: 'top+150' 
}

Работал для меня.

Ответ 7

применить css в свой # диалог-форму использовать% sample

если width = 1000

ставить

левая: 50% Запас налево: -500px;

чтобы он был центрирован. или вы можете использовать iframe.