Как правильно определить позицию модального окна на мобильных устройствах?

Question

[sadieff]

Доброго времени суток. Из-за того, что fancybox не позволяет держать открытыми 2 окна одновременно было решено набросать свои модальные окна. Т.к. при позиционировании fixed на мобильных устройствах поведение при масштабировании неправильное, было решено вешать окно окно абсолютно.
overlay - подложка окна повешена фиксировано и ей задана высота и ширина документа.
modal - внутри overlay и повешен абсолютно. Высота высчитывается так:

$('.modal').css('top', $(window).scrollTop() + (($(window).height() - $('.modal').height()) / 2));

В итоге на ПК окошко выводится четко по центру, но на мобильных устройствах, оно выводится вверху.

Причина в неправильном определении высоты окна $(window).height(), на телефоне он возвращает 550 пикселей, хотя их там тысячи 3.
Вопрос: как правильно определить положение модального окна, чтобы на мобильных устройствах оно было по центру? Fancybox как-то справляется с этой проблемой..

Answer 1

[#алгоптимизируй #отботизируй]

Гляньте тут viralpatel.net/blogs/jquery-window-height-incorrect

Answer 2

[Seva Sargsyan]

Условия задай. media query