Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.05.2015, 08:21
Аспирант
Отправить личное сообщение для cyber_bober Посмотреть профиль Найти все сообщения от cyber_bober
 
Регистрация: 12.12.2012
Сообщений: 80

Position:fixed внутри Position:absolute
Привет, может кто знает какие хаки или костыли, как заставить двигаться фиксированный блок внутри абсолютно позиционированного?

Есть оверлэй, который открывается поверх окна браузера

Код:
.overlay {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	background: #FFF;
	overflow-y: scroll;
    height: 100%;
	z-index: 1090;
}

Внутри него хочу расположить блок с position:fixed, позиционирование относительно краев срабатывает, но блок не ездит. Я впринципе догадываюсь в чем проблема, но хочу услышать мнение других. Спасибо
Ответить с цитированием
  #2 (permalink)  
Старый 22.05.2015, 08:27
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,225

Сообщение от cyber_bober
как заставить двигаться фиксированный блок внутри абсолютно позиционированного?
Элемент с
position: fixed;

позиционируется только (!) относительно окна браузера
Цитата:
По своему действию это значение близко к absolute, но в отличие от него привязывается к указанной свойствами left, top, right и bottom точке на экране и не меняет своего положения при прокрутке веб-страницы. Браузер Firefox вообще не отображает полосы прокрутки, если положение элемента задано фиксированным, и оно не помещается целиком в окно браузера. В браузере Opera хотя и показываются полосы прокрутки, но они никак не влияют на позицию элемента.
http://htmlbook.ru/css/position
Ответить с цитированием
  #3 (permalink)  
Старый 22.05.2015, 08:53
Аспирант
Отправить личное сообщение для cyber_bober Посмотреть профиль Найти все сообщения от cyber_bober
 
Регистрация: 12.12.2012
Сообщений: 80

ksa,
Тоесть position:absolute блок растянутый на полный экран расценивается как блок, не связанный с системой координат браузера, верно? Поэтому fixed блок не считает что мы скроллим браузер?
Ответить с цитированием
  #4 (permalink)  
Старый 22.05.2015, 09:36
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,225

cyber_bober, у меня есть сильное подозрение, что ты в корне не понимаешь теорию позиционирования элементов на странице...

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

Последний раз редактировалось ksa, 22.05.2015 в 09:39.
Ответить с цитированием
  #5 (permalink)  
Старый 22.05.2015, 09:41
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,225

Сообщение от cyber_bober
блок с position:fixed, позиционирование относительно краев срабатывает, но блок не ездит
Ну не будет он "ездить", если значения у top, left, right, bottom не меняются...
Просто "это" "так" работает.
Ответить с цитированием
  #6 (permalink)  
Старый 22.05.2015, 10:44
Аспирант
Отправить личное сообщение для cyber_bober Посмотреть профиль Найти все сообщения от cyber_bober
 
Регистрация: 12.12.2012
Сообщений: 80

ksa,
я это понял, просто думал может есть какой-нибудь хак или костыль. Решил через js. Спасибо что отписывался
Ответить с цитированием
  #7 (permalink)  
Старый 22.05.2015, 10:44
Аспирант
Отправить личное сообщение для cyber_bober Посмотреть профиль Найти все сообщения от cyber_bober
 
Регистрация: 12.12.2012
Сообщений: 80

ksa,
Ответить с цитированием
  #8 (permalink)  
Старый 22.05.2015, 11:47
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,225

Сообщение от cyber_bober
может есть какой-нибудь хак или костыль
Это все волшебные заклинания, типа "крибле, крабле, бумс!"... Они не помощники в программировании.
Ответить с цитированием
  #9 (permalink)  
Старый 18.02.2016, 10:34
Новичок на форуме
Отправить личное сообщение для Маргарита1 Посмотреть профиль Найти все сообщения от Маргарита1
 
Регистрация: 18.02.2016
Сообщений: 1

А если просто overlay задать fixed? Если на нём нет других блоков, которые двигаться не должны, то заработает.
Ответить с цитированием
  #10 (permalink)  
Старый 11.03.2016, 00:41
Новичок на форуме
Отправить личное сообщение для morez22 Посмотреть профиль Найти все сообщения от morez22
 
Регистрация: 11.03.2016
Сообщений: 1

ну обычно такое делают если сайт самописный
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
ng-repeat внутри ng-repeat cartrege Angular.js 1 24.10.2013 14:25
Можно ли писать определение функции внутри document.ready()? Fatalityap jQuery 7 10.06.2012 03:35
Как получить доступ к функциям внутри $(document).ready ? oleg_barma jQuery 3 05.06.2012 20:56
Область видимости внутри функции YISHIMITSY Общие вопросы Javascript 1 25.08.2010 06:50
Как получить текст внутри iframe на другом домене? Alexander Majesty Events/DOM/Window 1 23.12.2009 22:10