Delay numbers

[Yuliya92]

tell me how to remove the delay when scrolling through the numbers

See the Pen abQxaWN by mvaneijgen (@mvaneijgen) on CodePen

[mvaneijgen]

Hi @Yuliya92 what delay are you talking about? Seems to be working fine.

 

You're also sharing my pen, the best way to learn is to get your hands dirty and try out somethings and then post here with your own code showing what you've tried and if it is not working explain what you think it should do. 

 

But all I can see in this pen is when the green triggers meet, the animation starts playing. Which works perfectly in this case. 

[Rodrigo]

Hi,

 

As Mitchel mentions we're basically trying to guess here. Maybe you mean having all the animations happening without an ease:

var animTl = gsap.timeline({
  // Set the ease to none on every instance in the timeline
  defaults: {
    ease: "none",
  },
  scrollTrigger: {
    trigger: ".about",
    start: "top center",
    end: "bottom center",
    toggleActions: "restart none none none"
  }
  
});

Hopefully this helps.

Happy Tweening!

[RobertRobles]

On 9/4/2023 at 9:07 PM, Rodrigo said:

Hi,

 

As Mitchel mentions we're basically trying to guess here. Maybe you mean having all the animations happening without an ease:

var animTl = gsap.timeline({
  // Set the ease to none on every instance in the timeline
  defaults: {
    ease: "none",
  },
  scrollTrigger: {
    trigger: ".about",
    start: "top center",
    end: "bottom center",
    toggleActions: "restart none none none"
  }
  
});

Hopefully this helps.

Happy Tweening!

Thanks for the code, it works. I appreciate you.