matchMedia matches multiple queries

[BarheimCoder]

Using matchmedia, is there any way to get it to run like an "if else", so once once it matches one query it stops.

 

https://greensock.com/docs/v3/Plugins/ScrollTrigger/static.matchMedia()

 

I'm aware it's not an ideal situation to be in, just got a real edge case to solve however. Thanks in advance!

[Cassie]

Hey there! Could you possibly explain the following a little more?

 

1 hour ago, BarheimCoder said:

once it matches one query it stops.

specifically what 'it' is in this situation? Are you referring to a timeline?

[BarheimCoder]

45 minutes ago, Cassie said:

Hey there! Could you possibly explain the following a little more?

 

specifically what 'it' is in this situation? Are you referring to a timeline?

So let's say I got the following example:
 

crollTrigger.matchMedia({
  "(min-width: 768px)": function() {...},
  "(min-width: 1024px)": function() {...}
});

On an ideal situation I can just have the first query as max width, and the second with a min and max, but as I can't for what I'm trying to solve, is there a way to run it like an if chain? Meaning, it breaks once a match is found instead.

[Cassie]

If I'm understanding correctly, you could write some conditional logic? 

Like this?

See the Pen KKvgVzd?editors=0011 by GreenSock (@GreenSock) on CodePen