Jump to content
GreenSock

Kai-Ziefle

ShockinglyGreen
  • Posts

    3
  • Joined

  • Last visited

About Kai-Ziefle

Kai-Ziefle's Achievements

  1. 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()
  2. 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 ✌️
  3. 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
×