devellopah
@devellopah

Почему на странице не работает position: fixed?

Заметил на "купить в один клик"(страница). Появляется окно('clicklite clicklite_active'), которое в стилях фиксируется относительно окна, но на деле работает так словно стоит absolute относительно всего документа. К примеру, дайте этому элементу bottom:0 и отключите top и увидите, что элемент не крепится к низу окна, а уходит куда-то вниз.

Более того, если любому другому элементу на сайте дать position:fixed, bottom: 0, элемент крепится не к низу окна, а к низу страницы.
Подскажите, с чем может быть связано такое поведение?
  • Вопрос задан
  • 490 просмотров
Решения вопроса 2
SkiperX
@SkiperX Куратор тега CSS
will-change: transform; или transform
надо убрать у main и других родителей
Или вытащить модалку из этих блоков

Трансформ создает свою систему координирования внутри области блока, со своими правилами и позиционированием, поэтому фиксед и летит под хвост.
Ответ написан
@soledar10
html css3 js jquery
Влияет это свойство will-change: transform; (.slideout-panel)

т.е если для родителя задано это свойство, тогда ребенок с position: fixed ведет себя как position: absolute;

Пример с will-change: transform;

Пример без will-change: transform;
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы