Держите диалоговое окно jQuery UI в фиксированной позиции

Question

Я хочу сохранить диалоговое окно jquery UI в фиксированной позиции (относительно содержимого), даже если это означает, что оно открывается за пределами окна браузера. Я могу управлять позиционированием до тех пор, пока диалоговое окно не достигнет края окна, но, похоже, существует какой-то элемент управления смещением, который удерживает его от открытия за пределами экрана.

Я успешно использую это решение для той же проблемы с datepicker: Как управлять позиционированием jQueryUI datepicker

Интересно, возможно ли аналогичное исправление для диалога (я пробовал очевидное изменение - замена "datepicker" на "dialog" - не работает).

Большое спасибо.

Answer 1

добавьте в диалоговое окно следующую настройку.

dialogClass: "dialog-fixed"

в вашем css объявите класс следующим образом.

.dialog-fixed
{
position:fixed !important;
}

, который работает для меня ... согласно jquery 2.1.1 и JQuery UI 1.11.2

Answer 2

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

$('#dialogContent').parent().css('position', 'Fixed').end().dialog('open');