How to make sticky/parallax effect on section?

[Eyepatch]

Hi there,

I'm trying to do the same animation as this website: https://www.jomor.design/ in the work section half window scroll

I'm having trouble getting it. I couldn't figure out how he did it.
I kinda mimicked it using position sticky but I had to remove overflow-x: hidden from html & body, and it made huge horizontal scroll since i had many section overflowing.
I tried to do it with gsap but the best I can manage is what you can see on codepen.
I'm running out of ideas to try, and I'd love some tips please
Thanks in advance

See the Pen LYmBjqL by eyepatch128 (@eyepatch128) on CodePen.

[akapowl]

 

Hello there @Eyepatch

 

Have you seen the ScrollTrigger demos page already? ...it has some nice effects that you can use for inspiration.

 

There is a demo for an effect in there, that does essentially what you referenced on that website

 

See the Pen KKpLdWW by GreenSock (@GreenSock) on CodePen.

 

 

 

This pretty much behaves like the work-section on that website.

 

See the Pen wvjYyMx by akapowl (@akapowl) on CodePen.

 

[Eyepatch]

Thank you ! That works!