[GSAP + LocomotiveScroll + Horizontal pined + ScrollTrigger]

waw that was great!! 

Thanks so much for your quick reply, codepen updated with last gsap versions, horizontal add/remove classes working!!!

[GSAP + LocomotiveScroll + Horizontal pined + ScrollTrigger]

Hi everybody, first time here, i am "pinned" on some things and may be someone can help me. So explanation:

i use locomotive for the smooth scroll, then i could add/remove classes to any item when is visible on screen while scrolling vertical. But, i´m unable to do the same thing on the pinned horizontal sections. 
I´m including bootstrap 4 css just in case.

So basically, i need to add/remove classes into the horizontal elements when they are inview, this ones:

> scroll-horizontal > ... > .fadeInUp

That´s why you will see two horizontal wrappers, one using just half window´s width and the other just full width (second one),  trying to detect the inview inside there, but no way, i couldn´t.

Anybody knows how to do it?

Also, at first i tried based on this: 

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

But, i didn´t find a way to use something like that and also width smooth scrolling.

Thanks!!

See the Pen JjygBpL by rg-the-selector (@rg-the-selector) on CodePen