Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.02.2013, 09:14
Интересующийся
Отправить личное сообщение для GTAlex Посмотреть профиль Найти все сообщения от GTAlex
 
Регистрация: 09.07.2012
Сообщений: 28

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

При клике на тумбу большая картинка открывается со стилями
Код:
left: 64px; top: 251.75px; display: block;
То есть абсолютное позиционирование.

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

Подскажите пожалуйста как это реализуется?
Ответить с цитированием
  #2 (permalink)  
Старый 20.02.2013, 09:25
Интересующийся
Отправить личное сообщение для GTAlex Посмотреть профиль Найти все сообщения от GTAlex
 
Регистрация: 09.07.2012
Сообщений: 28

в общем нужен способ получения координат центра экрана
Ответить с цитированием
  #3 (permalink)  
Старый 20.02.2013, 09:44
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,202

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

position: fixed;
Ответить с цитированием
  #4 (permalink)  
Старый 20.02.2013, 09:46
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,202

Сообщение от GTAlex
в общем нужен способ получения координат центра экрана
Не факт...
Если известен размер того окна - можно обойтись процентными величинами "для экрана"...
Ответить с цитированием
  #5 (permalink)  
Старый 20.02.2013, 10:36
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

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

position: fixed;
в мобильных браузерах, которых сейчас все больше,
часто fixed очень раздражает,
когда увеличиваешь, двигаешь страницу, этот элемент все норовит залезть на экран
Ответить с цитированием
  #6 (permalink)  
Старый 20.02.2013, 10:50
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,202

Сообщение от Pavel M.
в мобильных браузерах
...
когда увеличиваешь, двигаешь страницу, этот элемент все норовит залезть на экран
Т.е. там оно просто не работает как нужно?
Ответить с цитированием
  #7 (permalink)  
Старый 21.02.2013, 16:38
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

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

Если этот popup c position: absolute, то он двигается враво-влево вместе со страницей и добраться до любого его места всегда возможно.
Ответить с цитированием
  #8 (permalink)  
Старый 21.02.2013, 16:48
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от Pavel M.
При фиксированной ширине, например, после увеличения страницы popup с position:fixed может увеличивается шире экрана и прокрутить влево или вправо этот элемент становится невозможно.
разве
position:fixed;
width:100%;
height:100%;
Не выставляют автоматически в размер Окна ? (если елемент на body c width:100%;
Ответить с цитированием
  #9 (permalink)  
Старый 21.02.2013, 17:26
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

Сообщение от Pavel M.
При фиксированной ширине
думал понятно, что не в процентах
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
модальное окно div'ом codingfighter Общие вопросы Javascript 28 03.09.2013 15:07
Передача данных из форм в модальное окно. andrey96 AJAX и COMET 5 16.11.2012 16:47
Посоветуйте как сделать модальное окно battrack jQuery 3 12.07.2012 15:42
Как открыть модальное окно сразу при загрузке страницы dgabets jQuery 3 13.02.2012 21:03
Диалоговое окно в центре экрана. Как в твиттере. IvanZotov jQuery 1 23.06.2011 18:48