2010-06-21 4 views
1

В принципе, я хотел бы, чтобы диалог оставался в том же положении на странице даже при изменении размера окна или переключении на полноэкранное окно.jQuery UI Диалоговое относительное позиционирование

Как всегда иметь диалоги, расположенные относительно контейнера div сайта, а не окна?

Например, мой контейнер контейнера сайта имеет ширину 960 пикселей и расположен по центру страницы. Я хочу, чтобы диалог всегда отображался в той же позиции внутри этого контейнера, даже когда я изменяю размер окна.

ответ

1

Отслеживание события изменения размера окна и сделать регулировку вам нужно ..

$(window).resize 
(
    function() 
    { 
     $(myDialogSelector)[0].position().top = $(myDivSelector).position().top; 
     $(myDialogSelector)[0].position().left = $(myDivSelector).position().left; 
    } 
); 

Это идея.

Смежные вопросы