ysmuglov

I'm speechless. That is actually absolutely amazing! With a few more tweaks, I can even add non-gsap sections and make navigation sticky! Thanks to everyone, especially @GreenSock! Here is the final result I was looking for. https://codepen.io/iBasher/pen/ZERpYVE

I have provided it, in my first post

Yes, this is exactly what I am trying to do. The problem is I can't get it working in my particular setup for unknown reasons. Something is just off all the time ?

Thanks, this is much better. ❤️ Sorry for my initially poor explanation, but the links are intended to be highlighted not only onClick but while you scroll as well. This pen as example: https://codepen.io/gregOnCodePen/pen/gOmRyRP. Also when I click on a link, the scroll position is a bit off (the text opacity is less than 100%).

There is two problems with this pen: two scrollbars ? nav links are working, but I can't properly set an active one. I am totally sure that there is a conflict somewhere, but unfortunately I am still new to GSAP to find it by myself. And most importantly - how to resolve it. I will highly appreciate a working example, so I could use it as a baseline for my projects. There will also be standard(non-GSAP) blocks before and after this section (so I can't use start:0 and end:max), as well as a progress bar, but those are questions for another topic

Thank you @mvaneijgen, but just disabling one of my animations does not resolve this issue I will try to just split my forEach into separate functions, which will surely work, but I feel there are more elegant solutions. Anyway, do you have suggestions on how to actually Pin slides? Because one fast scroll can skip all 5 of the slides, and I need to show all of them one by one. I saw this beautiful slider, but its code is completely different from what I have, are there simpler ways to achieve proper Pin functionality? Pen

I have trouble with the margins of my slider container once I finish scrolling. I bet this is because of conflicts with another scrollTrigger, which should enlarge the backgrounds of similar sections on the scroll. Unfortunalety this is my first use of GSAP and I can't understand how to fix it. Just scroll my Pen and notice how Our Products text is jumping. You might need to open it in Codepen, looks like this problem is not reproducible in the widget. Thanks in advance!