jQuery dialog смещается вверх за границы экрана

[Serg@NT]

Всем привет.

Помогите, плз, решить проблему.

Разрабатываю второстепенные модальные окна на сайте. Использую jQuery.dialog. Внутрь вставил iframe, где и открываю страничку.

<div class="modal"><iframe id="wndw_modal" src="/page_loading.htm"></iframe></div>

$("#wndw_modal").dialog({ modal: true, buttons: {}, draggable: false, resizable: false, width: '80%', dialogClass: "uiModal", open: function(event, ui) {   $(this).attr("src", url);  }, close: function(event, ui) { $(this).attr("src", "/page_loading.htm"); }});

Собственно проблема. Если в главной странице с прокруткой открываю второстепенное окно, прокручиваю его вниз и нажимаю там ссылку для перехода на другую страницу, ФФ и Опера нормально открывают новую страницу, а в Хроме и ИЕ модальное окно прыгает вверх за границы экрана. Кто с этим сталкивался, как исправить?

 

http://screencast.com/t/Z0clVtCotZe

 

ЗЫ: переходить на другие плагины не вариант, там проблем ещё больше. А это почти готово за исключением вот этого косяка

[Veseloff]

Может, стоит сперва закрыть прошлое окно, а потом новое открывать?

[Serg@NT]

Дело в том, что ссылка - это просто URL. Переход происходит внутри iframe. Только с какой-то стати Хром, пытаясь после перехода вернуть страничку на то же место, прокручивает как контент внутри iframe, так и контент основной страницы.

 

 

UPD:

Более-менее решил. Сохраняю scrollTop() окна при открытии диалога, затем при загрузке фрейма устанавливаю scrollTop окна в сохранённое ранее значение. Диалоговое окошко всё равно "подпрыгивает", но хотя бы возвращается в исходное положение, и фокус не теряется.

Edited August 8, 2014 by Serg@NT