I'm working on my first GSAP animation and wonder if there is a way to achieve the following moves with the green window and four red articles from my Codepen example while scrolling down:
Window slides in from the left side of the screen and lands on article1. Article1 is now inside the window.
Window stays on article1 and expands to article2. Both article1 and article2 are now inside the window.
Window shrinks and leaves article1. Only article2 is now i
The only thing that the labels or array values are doing is setting the end snap position. ScrollTrigger just snaps to the closest value when the user stops scrolling. What it sounds like you're wanting is to customize that logic so that ScrollTrigger doesn't just snap to the closest value. Instead you'd like it to be more likely to snap to the next label than the previous one.
The only way to do that sort of thing using ScrollTrigger's snapping object is to change the proportions of