Hello everyone, I am new in GSAP. I will appreciate if you will help me with my problem.
I have a structure as on a screen below. Horizontal scroll should be trigger when hits the top of section, then begins scrolling of elements at the bottom. This elements belong to the pinned block (red block), for example i have 3 blocks (red, yellow and green), each of them have their scrolled elements at the bottom. Scrolling should be on scrolled elements, and when they are ends, pinned block should change. From red to yellow and scrolling continue with the elements of yellow block.
I will be grateful for any help!
CodePen link: https://codesandbox.io/s/quizzical-bell-zozxqq