Подскажите, пожалуйста, кто знает какой скрипт написать надо, чтобы при открытии блок позиционировало по центру относительно дисплея, а не относительно других блоков сайта.
На css position не дают нужного результата, т.к. если делать позицию от родительского wrap, то в какой-то момент форма открывается частично за пределами видимого окна, из-за чего для просмотра полной формы нужно пролистать страницу до нужного положения. Выглядит это примерно так - prntscr.com/npnh1w
А если позиционировать относительно прямого родителя, то тогда форма логично отображается только в правой части экрана, а не по центру (т.к. родитель - правая колонка сайта).
В JS я сам не бум-бум:) Сам написать не могу, а гугл инфы не даёт.
Структура кода:
<div wrap>
<div 1>Колонка 1</div 1>
<div 2>Колонка 2
<h2>заголовок<h2>
<div 2.1>Имя<div 2.1>
<div 2.2>текст<div 2.2>
<div 2.3>Кнопка "напиши мне"<div 2.3>
<div 2.4>Форма отправки e-mail<div 2.4>
</div 2>
</div wrap>
Графическое представление кода (без формы) - prntscr.com/npngta