Как сделать, чтобы дочерний элемент блока с позицией sticky не был липким?

Question

[Maslenok022]

У меня есть элемент с позицией sticky. В него вложены еще несколько, но один из них не должен быть липким. Sticky на него вообще не должен влиять, он должен оставаться на своем месте.

Возможно, прошу невозможное, но есть какое-то решение этого вопроса?

Comments

[Вадим]

Либо поработать со структурой верстки, либо js'ом выносить элемент при "прилипании"

[Maslenok022]

Вадим, хочется обойтись без скриптов. Вроде перепробовал все структурные решения, не знаю.

[Вадим]

Maslenok022, ну, если Вы не покажите что нужно, то никто ничего больше и не предложит

[Maslenok022]

Вадим, я сделал пример, мне нужно то же самое, но чтобы это работало вне зависимости от размеров элементов. Сейчас это работает только потому, что известна высота каждого элемента.

[Вадим]

Maslenok022, Отлично, осталось теперь более подробно описать желаемый результат. Какие блоки Вы хотите чтобы не прилипали и как должен выглядеть результат при скроле.

gradient и content?

Answer 1

[Raline]

Можно вынести элемент из sticky родителя и сделать его absolute с z-index