Nephtys
Nephtys's Achievements
-
Hi mvaneijgen ! I'm back after playing around all the numbers in here It really makes me realize I have to improve my knowledge of JavaScript. Here is what I have made, and where I am stuck (It's nearly perfect ) : https://codepen.io/chrysacier/pen/poLLLgw I still do not understand three things : Is there a simple way to link the left images scroll with the right one ? ; Where does that 100vh spacing at the end of the three right panels come from ; How can I change the speed of the right panel transition? I tried to change it in the ´tl´ duration, but I didn't notice a difference. I used to set a larger ´end´ point, to slow it down, but I guess it is not the correct way to do it (I'm pretty sure this one might be in the documentation, so my apologizes for asking). Thank you for your help, once again, it's really motivating to discuss with member from the GreenSock community !
-
Hi mvaneigen ! Thank you so much for your approach. It is way easier to disconstruct the process in an animation, first, and then a scrollTrigger event ! I will have a look at it and see if it gets clearer for me ! Nephtys
-
Hello Scrollers ! 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. this 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
