Как выровнять fixed элемент с динамической шириной по центру?

Question

[Nik1712]

Есть шапка сайта - в положении до прокрутки у нее position:relative. При скролле ее цепляет скрипт и задает fixed. Так вот, максимальная ширина шапки relative 1240px. А фиксированной - уже 100%. Через transition: max-width задается анимация, как она разъезжается во всю ширину, когда становится fixed. То есть ширина первого состояния зависит от ширины окна браузера. Переходя во второе мгновенно съезжает влево, прежде чем произойдет анимация. Как выровнять fixed элемент по центру, когда происходит transition и его ширина ползет от <=1240px до 100% ? Варианты left:50% margin-left:-620px; не годятся - тк мы не знаем, какая ширина изначального хедера, может быть и меньше 1240 плюс он будет увеличиваться в динамике.

Answer 1

[Никита Баев]

left: 50%;
transform: translateX(-50%)

Не подойдёт?

Comments

[Nik1712]

Спасибо! Помогло