С помощью чего можно реализовать эффект «карточек» при скролле сайта?

Question

[Andrew E]

https://biotech.artlife.ru/ на этом сайте, при скролле, секции как бы надвигаются друг на друга, как карточки. Не могу понять как сделать такой эффект? Может кто-то встречал реализацию на codepen или какие-то библиотеки есть. Подскажите пожалуйста.

Comments

[Максим]

Смотрю с мобилы, не могу видить кансоль, примерно у них там gsap

Answer 1

[its2easyy]

Scrolltrigger

Comments

[Andrew E]

Я находил примеры реализации с этим, но они не подходят, для всего сайта. Например все получаемые карточки наследуют цвет фона от первой, а если фон убрать вообще все ломается. Заморочки с отображаением футера и хедера, с адаптивом все не оч хорошо. Мне кажется на указанном мною сайте как-то иначе делают.

[its2easyy]

Andrew E, можно посмотреть прямо внутри, даже частично с настройками скролтриггера

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

Answer 2

[Andrew E]

Нашел способ с помощью position: sticky для section. Пока выглядит как то, что нужно