Jump to content

Giedre Kavaliunaite

  • Posts

  • Joined

  • Last visited

Giedre Kavaliunaite's Achievements

  1. Thank you! I tried with https://assets.codepen.io/16327/ScrollTrigger.min.js Animation now seems to be more stable in Firefox, but in Safari it's still jumping up and down.
  2. Hi and thank you! I changed GSAP and ScrollTrigger to 3.11.2 but the issue remains. Here I created Codepen which replicates jumping: https://codepen.io/giedr-kavalinait/pen/YzLaBrz As I tested on Mac OS Monterey animation is sometimes jumping in Chrome, but not always. It's jittery in Firefox and jumping around wildly in Safari. Have I missed some parameter to calm this jumping down?
  3. Hello, this is one of my first tries with javascript GreenSock and I have run into this issue. For the animation I use ScrollTrigger that is initiated like his: const tl = gsap.timeline({ scrollTrigger:{ scrub: 1, pin: "#animation", scroller: "#animation-container", end: "+5500", onLeave: function(self){ self.disable(); self.animation.progress(1) } } }) and the animation goes like this tl.to("#animation .scene-archfondas-telkia", { x: "-=" + x_diff, duration: 50 }) with several iterations of different elements moving from left to right. Div with animation is supposed to be pinned in place. But when scrolling sometimes it begins to jump around. You can see it towards the end in Chrome and in Safari is jumping almost during all duration of the animation. It looks like this: https://new.archfondas.lt/animation/. Is there a way to prevent the contents of pinned element from jumping around when scrolling?