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
Cuberto.com actually does handle things a bit different from what I suggested.
Here you go, this should pretty much resemble cuberto.com's behaviour.
See the Pen gOrjVom by akapowl (@akapowl) on CodePen
Instead of creating a ScrollTrigger for each .panel-text, I wrapped them inside another wrapper, and translate that wrapper up, instead.
Here's what changed to before regarding the markup: