Hi, I'm trying to use GSAP ScrollTrigger to fade 3 fixed headers in and out sequentially with transitions that are tied to 3 trigger panels, each with scroll snapping behavior based on this demo:
After the 3 trigger panels have been scrolled, I'd like normal scrolling to apply so that the entire header section scrolls out of view along with the ensuing content (sort of like the featured projects section here: https://katiforner.com/).
The attached CodePen is almost there but when the content section is reached, the third trigger panel reappears for some reason and must be scrolled again before ensuing content scrolls into view. Any idea what's going on and how I can get that header section to seamlessly scroll up with the content section?
Thanks,
Chris H