ScrollTrigger sidebar pinned overlaid sections
Hi, I'm trying to create a pinned effect. I want the image and text to remain fixed and as you scroll, so the image and text fade out and the next div fades in. Ithink I'm close but it's just not smooth. I want the effect to feel like your scrolling on the spot...
I'd really appreciate all the help I can get. Thank you
(I'm also using a loop on wordpress, so all the divs have the same name.)
See the Pen XWdaVmB by NewbieRuby (@NewbieRuby) on CodePen
*** Note from the future ***
The examples posted here by me are not 100% correct and there also are easier ways to achieve this effect.
Head over to this thread for better versions - bonus: they include ScrollSmoother instead of smooth-scrollbar.
You could for example create a wrapper for your texts in a similar fashion to the one for your images, and apply ScrollTriggers for each of those texts in a similar fashion to what I did for your pictures there
