Good afternoon, guys.
I'm maybe asking in the wrong place, but I hope you could help me out or point me to the right place.
For several days, I've been trying to achieve a "sticky top" effect for scrollable blocks:
block #1 shows up, then block #2 goes over it while scrolling (block #1 stays in place), then the process repeats the same way with all the other blocks (#2 stays, #3 moves; #3 stays, #4 moves, etc.).
I've tried HTML/CSS/GSAP. Here's what I managed to achieve. See below:
https://codepen.io/arekuki/pen/oNRGZJR
But here's what I want to achieve:
https://codepen.io/GreenSock/pen/KKpLdWW
And I'm flabbergasted and don't understand what I'm doing wrong.
I'll be eternally grateful if you can help. Thank you