@ArutaGerman

Позиционирование элемента относительно экрана, а не блока?

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

На 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
  • Вопрос задан
  • 49 просмотров
Решения вопроса 1
grandwebmaster
@grandwebmaster
Web developer
position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
EducaGroup Санкт-Петербург
До 130 000 руб.
YouDo Москва
от 100 000 до 150 000 руб.
23 мая 2019, в 04:22
500 руб./в час
22 мая 2019, в 23:03
15000 руб./за проект
22 мая 2019, в 22:44
1000 руб./за проект