Jump to content


ScrollTrigger and batch

Recommended Posts

Hi everyone!


So I'm working with batch in my scrolltrigger animation, and it works fine, but i want the animation duration to be based on the scrub, NOT a normal duration, how can i do that? This is my code:

gsap.set(processItems, { filter: "blur(20px)" });

ScrollTrigger.batch(processItems, {
  start: app.isDesktop ? "top 60%" : "top 80%",
  end: "bottom 10%",
  scrub: 1.5,
  onEnter: (batch) => {
    //the duration of the animation here should be based on the scroll scrub
    gsap.to(batch, { filter: "blur(0px)" });


Link to comment
Share on other sites

I think this thread can help.



  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.