[Pinned Tabed Content]

I just sorted this out now, but i have a couple of questions that I am not sure how to solve 

When it turns active (yellow), I want it to stick on the scroll for a short period before it starts fading out.

With the content on the right, how can I set the visible to 0 so I cannot see the other videos (I tried doing two timelines, but it wasn't really working)

See the Pen mdgeNKv by mattbay (@mattbay) on CodePen

[Pinned Tabed Content]

Thank your both this is ace think I be able to sort it from these articles  

[Pinned Tabed Content]

Hi, i am looking to create similar pined content like this https://www.3coresec.com/platform/mdr where you see cards on the left for innovation, Unprecedented Stability etc.. but I want the content to change on the right for each one when its at the top.

not sure how to go about this any help would be appreciated 

[Parallax on horizontal scroll pinned panels]

Thanks, @Cassie, this makes sense and worked a dream thanks so much for your quick response 

[Parallax on horizontal scroll pinned panels]

Hi Guys 

Sorry to jump back into this topic. My client wants to pause eqaully each section a bit longer past the default scroll, i have been playing about, but it only seems to stay longer on the middle section.

Ideally when the first one hits the top sticks, for example 5seconds then the next one, when in full view, sticks for 5 seconds, and same with the last one

See the Pen poGKyOo by mattbay (@mattbay) on CodePen

Thanks Matt

[Parallax on horizontal scroll pinned panels]

Hi @mvaneijgen, Thank you


Thank you very much. Yeah, this works so much better. I was thinking from the example my logic will need to change but I wasn't sure this is working really well now, and yeah, I just need to tinker with the  xPercent: 50, 

Thansk so Much 

[Parallax on horizontal scroll pinned panels]

Hello everyone,
 

I've been using GSAP quite a bit, but mostly at a basic level. I'm working on a project where I want to achieve a similar effect to what you can see on this website: https://pandapay.ca If you scroll down on that website, you'll notice the smooth sliding and a subtle parallax effect on the black/white panels. 
 

I've attached my current CodePen, where I have the panels scrolling, but I'm missing the smooth slider and that subtle parallax effect. Any help or guidance you can provide would be greatly appreciated.
 

Thank you,
Matt

See the Pen XWovjmb by mattbay (@mattbay) on CodePen