сделать так, чтобы диалог jQuery UI не менял свою позицию (относительно браузера) при прокрутке браузера - PullRequest
Новая
       4

сделать так, чтобы диалог jQuery UI не менял свою позицию (относительно браузера) при прокрутке браузера

3 голосов
/ 16 марта 2011

Когда я открываю диалоговое окно jQuyery UI, я могу прокрутить браузер, и диалоговое окно изменит его положение относительно окна браузера, я хочу, чтобы оно оставалось в том же положении относительно браузера

1 Ответ

4 голосов
/ 16 марта 2011

В диалоговом окне пользовательского интерфейса есть опция dialogClass, где вы можете указать классы CSS, которые добавляются в стиль диалога.Таким образом, вы можете определить класс как: 

.dialogFixed {
    position: fixed !important;
}

и вызвать диалог как: 

$(function() {
    $( "#dialog" ).dialog({
        dialogClass: 'dialogFixed'
    });
});

Позиция fixed должна соответствовать вашим требованиям здесь.

Демонстрация : http://jsfiddle.net/MpHN9/

(Ну, нет загруженного CSS, поэтому диалог выглядит уродливо, но обратите внимание на эффект. Даже если вы прокрутите окно, диалог останется на своем месте)

...