[Nav links behavior]

8 hours ago, GreenSock said:

Here's how I'd do it

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.

See the Pen ZERpYVE by iBasher (@iBasher) on CodePen

[Nav links behavior]

13 minutes ago, GreenSock said:

Bummer! Unfortunately we can't help much unless we can see a minimal demo that clearly shows the issue. If you still need help, please provide one of those and we'd be happy to answer any GSAP-specific questions. 

I have provided it, in my first post

[Nav links behavior]

1 hour ago, GreenSock said:

Are you trying to do this?: 

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 😭

[Nav links behavior]

10 hours ago, Trapti said:

Here is working code 

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: 

See the Pen gOmRyRP by gregOnCodePen (@gregOnCodePen) on CodePen

.

Also when I click on a link, the scroll position is a bit off (the text opacity is less than 100%).

[Nav links behavior]

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

See the Pen wvXWWvz by iBasher (@iBasher) on CodePen

[Animation conflicts (horisontal slider + scroll trigger)]

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?

See the Pen YRzRyM by PointC (@PointC) on CodePen

[Animation conflicts (horisontal slider + scroll trigger)]

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!

See the Pen rNvmEzQ by iBasher (@iBasher) on CodePen