two ScrollTriggers - snap & pin Problem
I try to get some vertically scrollable sections that snap softly animated with ScrollTrigger 1. One section (3rd in this example) thereby serves as a ".container" for some panels (red and green in this example) which are scrolled horizontally (ScrollTrigger 2) when the container is entirely in the display.
The following sections below should then be scrollable with the snap in the same way as the first sections. Important to say, that I don't want the snap to continue for the horizontal s
It is indeed a tricky thing, but you can use a custom snapping function to run your logic. Here's how you could have it snap to each panel in both vertical and horizontal directions:
See the Pen eYrOObw?editors=0010 by GreenSock (@GreenSock) on CodePen
If you want NO snapping at all during the horizontal one, you could add custom logic to sense when it's between that ScrollTriggers's start/end, and then if so you'd just return the value that was
