Keep top/bottom content in place when pinning
I am wondering if I can keep the content above and below the pinned item in place, while the targeted div does the clip-path reveal. Most of the examples I see have the divs at 100vh, so you never see what's above or below. I have a working example that is close to what I am wanting, where I want to "lock in" the top/orange area and the bottom/red area, while the purple/green reveal is happening. Then when done, continue scrolling down. As you can see in my example, the bottom/red area is not wh
Hey @ilovecheese,
Sorry for the delayed reply, your question must have slipped through.
What you can do, is wrap all your content in a div and in your ScrollTrigger pin that wrap instead of that section. Like this maybe:
See the Pen 2def4c19b590842753175ff01adbc988 by akapowl (@akapowl) on CodePen
For any subsequent ScrollTriggers on elements within that wrap you will then have consider using the pinnedContain
