Как сделать подобную анимацию при скролле? ( неужели никто не знает )?

Question

[verstak2020]

Привет. Как сделать подобную анимацию при скролле? Вроде бы ничего сложного, похоже на background-attachment: fixed, но тут другой эффект.
Фоновый текст при скролле становится по середине экрана, а блоки уходят вверх.

https://as-group.pro/

Вот этот блок


При скролле фон на месте стоит, а блоки скролятся.
Возможно как то с паралакс эффектом можно этого добиться, но пробовал разные варианты тоже не вышло.

Comments

[Михаил Р.]

но пробовал разные варианты тоже не вышло

Какие пробовали?

[Ankhena]

Вроде бы ничего сложного, похоже на background-attachment: fixed, но тут другой эффект. При скролле фон на месте стоит, а блоки скролятся.

Какой же это фон, когда это контент?
Открываем девтулз, смотрим, видим, что там включается position fixed. И т.д.

Answer 1

[Spaceoddity]

position: sticky
https://developer.mozilla.org/en-US/docs/Web/CSS/p...

Comments

[verstak2020]

sticky роботает когда он внутри контейнера с другим элементом, а тут фоновый текст один

[Spaceoddity]

Грр...
А что мешает этот текст бросить в контейнер с блоками, которые скроллятся?))

[apoca1ipsis]

verstak2020, https://codepen.io/Yuri-Andreev/pen/xxNbvJG

[Spaceoddity]

Пришлось потратить 5 минут своей жизни. Вам же лень попробовать...
https://codepen.io/nanto-work/pen/BaeyXOr