[Gsap.matchMedia does not work on mobile devices]

Had the same typo here, think it's a copy/paste thing as the ")" is also missing on the offical docs page example (section "Simplistic desktop/mobile example"):

https://greensock.com/docs/v3/GSAP/gsap.matchMedia()

[ScrollSmoother interferes with transform animations]

Thanks for your fast reply. I put together a minimal demo on Codesandbox that proves that my thought was wrong (and the problem is somehow related to our app architecture). Everything is working fine here and it's good to know that scrollSmoother shouldn't affect any animations. 

 

https://codesandbox.io/s/confident-roman-viuiw1

 

 

Thanks and sorry for the interruption ✌️

 

 

[ScrollSmoother interferes with transform animations]

Hey GSAP,

 

first: you are awesome, thank you for these supercool libaries.

 

We want to try out the new ScrollSmoother an got stuck on the following problem:

 

We have a transform based animation with a scrollTrigger:

 

         let tl = gsap.timeline({
            scrollTrigger:{
              trigger: card,
              start: "top top",
              end: "bottom top",
              pinSpacing: false,
              pin: true,
              scrub: true,
              markers: false,
     
            },
            defaults: { overwrite: "auto"}
           
          });
          
     tl.fromTo(cardContent, {scale:1, opacity:1}, {scale: 0.8, opacity: 0.2});
          tl.to(cardContent, {opacity:0}); 

 

To avoid conflicts with the transform values  in the parent container animation (like "jumping" elements) , we use 

clearProps: true

on the parent containers animation. This works like a charm, BUT: 

with using ScrollSmoother, the same effect of "jumping" elements ist back, as ScrollSmoother is based on transforms. 

 

I'm happy for any advice on how to deal with that.

 

Thanks