First of all, hello and thanks for such an awesome tool and community of folks engaged it in!
I have just recently discovered GreenSock and hope to use it to create a similar effect like used here:
https://www.nytimes.com/newsgraphics/2013/10/27/south-china-sea/index.html
The only major difference is that I will only need to do this for one section of a website.
The idea is that when a user scrolls down to a specific section, the section will be pinned and the parallax effect will take place.
Within the parallax itself, there will be 4 or 5 sections that come into view as the user continues to scroll each part of the parallax will have
a background images that fades from one to the other -- like the example I pasted above.
I've managed to get GreenSock with ScrollTrigger and Tailwind2 setup as a Codepen.
I am not a javascript expert at all. I found a similar Codepen and started there and now I am here, haha.
https://codepen.io/josh-white-the-selector/pen/YzGexex
Like in the NYT link, I'd love to get the section to pause in the middle of the page while the parallax happens but would rather have the parallax disappear inside the image area vs. fading out when outside of it.
I've looked and looked for other similar examples but can't locate anything. If anyone has anything similar I could work from that would be great!