[Pin section and change tabs on vertical scroll]

15 hours ago, Rodrigo said:

Hi,

 

Maybe something like this:

 

 

 

Happy Tweening!

Thank you very much!

[Pin section and change tabs on vertical scroll]

@mvaneijgen Thanks for helping.

 

I found another example, but I can't add sections above and below (spacers), so I can pin only the tabbed section. 

 

See the Pen ZEJJVvR by GreenSock (@GreenSock) on CodePen

[Pin section and change tabs on vertical scroll]

I am stuck again. I want to add the class "selected" only to the current visible tab. And in addition, I want to make links active so if I click on any tab, I want to show the specific content on the right. Anyone with solution?

 

See the Pen MWRozVM by cgeorgiev (@cgeorgiev) on CodePen

[Pin section and change tabs on vertical scroll]

Thanks. Still cant fix it. Anyone else that can help me?

[Pin section and change tabs on vertical scroll]

OK, here it is: 

See the Pen JjVJJjo by cgeorgiev (@cgeorgiev) on CodePen

 

When I scroll to Section 2, I want to pin it, than on scroll I want to show Tab 1, Tab 2, Tab 3 and Tab  4 (and select them in the nav element). And after than, I want to unpin Section 2 and go to section 3.

[Pin section and change tabs on vertical scroll]

Thanks!

But the problem is that I am new to GSAP and have no idea how to achieve this. So I am asking for examples and help.

[Pin section and change tabs on vertical scroll]

Hello everyone,

Can you help me with this - when I reach What We Do section I need to pin it and scroll through the four tabs on left and then unpin and go to Latest Insights section.

Thanks a lot!