Коллеги, подскажите, почему у меня не фиксируется блок? У родителя задан

Question

HTML/CSS — русскоговорящее сообщество

Maria Bogatyreva

Коллеги, подскажите, почему у меня не фиксируется блок? У родителя задан

position: relative
У дочернего элемента position sticky
https://skr.sh/sF8xa53RCgD

#css #frontend #html #programming #russian

0

27.07.2022

3 ответов

17 просмотров

Андрей Гуртовой

Релативе не нужен для стики. Может там ему некуда ездить? >> «Липкое» позиционирование состоит из двух основных частей: «липкого» элемента и «липкого» контейнера. «Липкий» элемент — это элемент, которому мы задали position: sticky. Элемент будет становиться плавающим, как только область видимости достигнет определённой позиции, например top: 0px. Пример: .some-component { position: sticky; top: 0px; } «Липкий» контейнер — это HTML-элемент, который оборачивает «липкий» элемент. Это максимальная область, в которой может перемещаться наш элемент. Когда вы задаёте элементу position: sticky, его родитель автоматически становится «липким» контейнером! https://medium.com/web-standards/sticky-bc7ff7088693

0

27.07.2022

Андрей Гуртовой

) странно что в инспекторе мы видели что блок по высоте 500 пикселей, хотя по идее если он стретч то должен тянутся до высоты соседнего ). Ну видимо это всё наши противоречивые ожидания привели нас к противоречивым последствиям)

0

27.07.2022

Дмитрий Москаленко · Accepted Answer

Дмитрий Москаленко

дай ссылку на страницу

0

27.07.2022

169 похожих чатов

Коллеги, подскажите, почему у меня не фиксируется блок? У родителя задан

3 ответов

Похожие вопросы