Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Модальное окно посередине экрана, а не страницы (https://javascript.ru/forum/jquery/35722-modalnoe-okno-poseredine-ehkrana-ne-stranicy.html)

GTAlex 20.02.2013 09:14

Модальное окно посередине экрана, а не страницы
 
Имеется несколько модифицированных слайдеров gslider
http://www.klimatikum.ru/gallery/index3.php

При клике на тумбу большая картинка открывается со стилями
Код:

left: 64px; top: 251.75px; display: block;
То есть абсолютное позиционирование.

Для одного слайдера это нормально, а вот в моём случае позиционировать нужно относительно экрана.

Подскажите пожалуйста как это реализуется?

GTAlex 20.02.2013 09:25

в общем нужен способ получения координат центра экрана

ksa 20.02.2013 09:44

Цитата:

Сообщение от GTAlex
в моём случае позиционировать нужно относительно экрана.
Подскажите пожалуйста как это реализуется?

Тебе поможет

position: fixed;

ksa 20.02.2013 09:46

Цитата:

Сообщение от GTAlex
в общем нужен способ получения координат центра экрана

Не факт...
Если известен размер того окна - можно обойтись процентными величинами "для экрана"...

Pavel M. 20.02.2013 10:36

Цитата:

Сообщение от ksa
Тебе поможет

position: fixed;

в мобильных браузерах, которых сейчас все больше,
часто fixed очень раздражает,
когда увеличиваешь, двигаешь страницу, этот элемент все норовит залезть на экран

ksa 20.02.2013 10:50

Цитата:

Сообщение от Pavel M.
в мобильных браузерах
...
когда увеличиваешь, двигаешь страницу, этот элемент все норовит залезть на экран

Т.е. там оно просто не работает как нужно?

Pavel M. 21.02.2013 16:38

При фиксированной ширине, например, после увеличения страницы popup с position:fixed может увеличивается шире экрана и прокрутить влево или вправо этот элемент становится невозможно.

Если этот popup c position: absolute, то он двигается враво-влево вместе со страницей и добраться до любого его места всегда возможно.

Deff 21.02.2013 16:48

Цитата:

Сообщение от Pavel M.
При фиксированной ширине, например, после увеличения страницы popup с position:fixed может увеличивается шире экрана и прокрутить влево или вправо этот элемент становится невозможно.

разве
position:fixed;
width:100%;
height:100%;
Не выставляют автоматически в размер Окна ? (если елемент на body c width:100%;

Pavel M. 21.02.2013 17:26

Цитата:

Сообщение от Pavel M.
При фиксированной ширине

думал понятно, что не в процентах


Часовой пояс GMT +3, время: 07:33.