First time I ask for some help on the forum, but I'm a bit stuck at the moment with my portfolio's slider.
The idea is to have the thumbnail on the left, and the infos on the right.
Everytime the user scrolls 100vh, the thumbnail and the infos change.
See the Pen 6a2480c123d88dc391faba0ea5cc590f by akapowl (@akapowl) on CodePen
I found this codepen, which is close to what I am trying to achieve, but I still have three problems :
I don't understand how, but the right side of the animation doesn't work properly. The first element should be at top:0 when the animation starts ;
When the user scrolls, my element starts by going down, and then up, but it should directly go up ;
I cannot figure out how to pin the right element until the user scrolls 100vh everytime + I don't understand why the other elements are still in opacity: 0, and not visible on screen.
If anybody could enlighten me, it would be nice !
Thanks,
A GSAP newbie
See the Pen oNqqoKX by chrysacier (@chrysacier) on CodePen
