Как сделать вот такое?

Question

[an]

Нужно
Что бы, когда пролистывался зеленый блок полностью достигая своей нижней точкой, нижней части экрана, (т.е прокручивался до конца) фиксировался и далее при пролистывании голубой наезжал поверх него вверх
думаю понятно написал
sticky не вариант
fixed так же не вариант, т.к 1й блок больше высоты экрана
эти 2 блока вместе обернуты в 2 контейнера, структуру поменять не могу
там специфический движок

Comments

[iBird Rose]

почему sticky не вариант?

[an]

iBird Rose, потому, что эти 2 блока уже обернуты в контейнеры, вместе с хедером и прочим
и потому, что1й блок больше по высоте чем экран, при позиционировании он не влезет
я так понимаю, да и не срабатывает sticky

[iBird Rose]

an, вроде все работает https://codepen.io/ibird/pen/JjvKmKd

[an]

iBird Rose,
Вот о чем я вам и говорю, что блок больше по высоте экрана и соответственно когда блок фиксируется, то часть этого блока не влезает в экран

Answer 1

[veryshake]

Вам поможет Gsap + ScrollTrigger

Comments

[an]

Благодарю!