[Navigating with "tab" key won't recognize links inside pinned/animated items]

Hello!

 

I'm wondering why tabbing through this demo https://codepen.io/itsMeAra/live/YzYXBGL/5244cd02fa2b0e6bf931105bc11f6517 doesn't seem to be highlighting the links in each section? Is there a way to get it so as you press Tab it highlights each link and scrolltrigger animates to that section?

See the Pen YzYXBGL by itsMeAra (@itsMeAra) on CodePen

[Animate background colors for each section on scroll]

@PointC omg thank you! Exactly what I wanted. Also can't believe that didn't even cross my mind lol 🤦‍♂️ it's been a long week 😂

 

Will make sure my pens are public next time, sorry about that! Thank you so much!

[Animate background colors for each section on scroll]

Hello!

I have this prototype I am working on that I forked from another forum post and tweaked a bit. What I can't seem to figure out is how to make it so the background color animates to a new one for each section. 

 

I have a "data-color" attribute on each ".Demo-section" so ideally it would use that value for each section.

 

Basically I'd like it to start with #fff.

Animate from #fff to #ddd when second Demo-section comes in

Animate from #ddd to #999 when third Demo-section comes in

 

Any help/guidance would be very much appreciated. 🙏 

 

 

See the Pen 89de500680b3386bbf9c184b627616a7 by itsMeAra (@itsMeAra) on CodePen