Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   Position:fixed внутри Position:absolute (https://javascript.ru/forum/xhtml-html-css/55946-position-fixed-vnutri-position-absolute.html)

cyber_bober 22.05.2015 08:21

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, позиционирование относительно краев срабатывает, но блок не ездит. Я впринципе догадываюсь в чем проблема, но хочу услышать мнение других. Спасибо

ksa 22.05.2015 08:27

Цитата:

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

Элемент с
position: fixed;

позиционируется только (!) относительно окна браузера
Цитата:

По своему действию это значение близко к absolute, но в отличие от него привязывается к указанной свойствами left, top, right и bottom точке на экране и не меняет своего положения при прокрутке веб-страницы. Браузер Firefox вообще не отображает полосы прокрутки, если положение элемента задано фиксированным, и оно не помещается целиком в окно браузера. В браузере Opera хотя и показываются полосы прокрутки, но они никак не влияют на позицию элемента.
http://htmlbook.ru/css/position

cyber_bober 22.05.2015 08:53

ksa,
Тоесть position:absolute блок растянутый на полный экран расценивается как блок, не связанный с системой координат браузера, верно? Поэтому fixed блок не считает что мы скроллим браузер?

ksa 22.05.2015 09:36

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

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

ksa 22.05.2015 09:41

Цитата:

Сообщение от cyber_bober
блок с position:fixed, позиционирование относительно краев срабатывает, но блок не ездит

Ну не будет он "ездить", если значения у top, left, right, bottom не меняются...
Просто "это" "так" работает. :)

cyber_bober 22.05.2015 10:44

ksa,
я это понял, просто думал может есть какой-нибудь хак или костыль. Решил через js. Спасибо что отписывался

cyber_bober 22.05.2015 10:44

ksa,
:thanks:

ksa 22.05.2015 11:47

Цитата:

Сообщение от cyber_bober
может есть какой-нибудь хак или костыль

Это все волшебные заклинания, типа "крибле, крабле, бумс!"... Они не помощники в программировании.

Маргарита1 18.02.2016 10:34

А если просто overlay задать fixed? Если на нём нет других блоков, которые двигаться не должны, то заработает.

morez22 11.03.2016 00:41

ну обычно такое делают если сайт самописный


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