Stagger onComplete for individual elements within a batch

[tomw_uk]

Hi there,

 

I'm trying to trigger some additional javascript within the `onComplete` callback on stagger within ScrollTrigger.batch().

 

I found this thread but `this` is undefined when I put it inside a batch call like so:

 

ScrollTrigger.batch('.show', {
  onEnter: (elements, triggers) => {
    gsap.to(elements, { y: 0, opacity: 1, duration: 1, stagger: {
      each: 0.3,
      onComplete: () => {
        console.log(this)
      }
    } })
  },
})

Is there any way I can I can access the element when its animation has finished?

 

Thanks in advance,

Tom.

[OSUblake]

Arrow functions aren't scoped, so you can't use this like that. You would need to use a regular function.

 

onComplete() {
  console.log(this)
}

 

[tomw_uk]

Of course! Thank you. Couldn’t see the wood through the trees there.