Как вертикально центрировать модальный в iframe?

Question

У меня есть веб-приложение, которое: 1. Является iframe (он появляется в нескольких местах, например, facebook). 2. Имеет ли в нем модалы (я использую jqmodal). 3. Имеет вертикальную полосу прокрутки.

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

Есть ли способ центрировать по вертикали по вертикали? Или, может быть, прокрутите вверх по внешней рамке?

Заранее спасибо.

Answer 1

вы можете прокручивать это следующим образом:

var offset = $('#mymodal').offset().top; 
$('html, body').animate({ scrollTop: offset - 100 }, 500); 

или выровнять его по вертикали, как это:

position: absolute; 
top: 50%; 
margin-top: -100px; 
height: 200px;