Можно ли сделать так, чтобы блок с position: sticky выходил за границы контейнера и занимал всю доступную ширину, используя только CSS?

Question

[Asd123123123213213]

Здравствуйте! Мне интересно, можно ли сделать так, чтобы блок, находясь в контейнере, мог выйти за его границы, занимая всю доступную ширину и имея свойство position: sticky, используя только CSS? Возможно ли это без использования JavaScript?

В голову приходит только решение через js. Получить ширину viewport и ширину нужного элемента, вычесть большее из меньшего и сделать что-то вроде этого:

element.style.marginLeft = `-${number / 2}px`;
   element.style.marginRight = `-${number / 2}px`;

https://codepen.io/meeeeeeeeeeeeeepo/pen/xxNrwqY

Comments

[Kentavr16]

Типа такого извращения?

[Asd123123123213213]

Ага :D