GSAP ScrollTrigger MatchMedia onResize

[fernandocomet]

Here, 

 

When my navbar is green, if I resize the viewport, I loose the styles. 

 

I am using:

ScrollTrigger.saveStyles(".navbar");

 

But I think is not working, probably I miss something

See the Pen poqxqzO by fernandocomet (@fernandocomet) on CodePen

[GreenSock]

ScrollTrigger.matchMedia() is obsolete now that we've added the much more powerful gsap.matchMedia() to the core which is totally integrated with ScrollTrigger. You can greatly simplify your code too. No need for jQuery either: 

See the Pen BavGKBG?editors=0010 by GreenSock (@GreenSock) on CodePen

 

I didn't notice any difference in your code between the mobile and desktop versions, but I created some variables in there for you to tap into if you need them. 

 

Better? 

[fernandocomet]

Oh thanks! Didn't know was obsolete  

This works, thanks a lot