gsap 3 onUpdate : Access to tween object

[Priska]

Before I could use the tween.target property to access the object,

 

this.innerTweenID = TweenMax.to(this.obj, 1.2, {
  y: this.scrollTo,
  ease: Power4.easeOut,
  onUpdate: tween => {
    const scrollTop = Math.round(tween.target.y)
  }
})

 

How about now ?

The documentation is full of examples but never talk about that point....

 

PLEASE HELP !

[elegantseagulls]

Is this what you're looking for?

 

https://greensock.com/docs/v3/GSAP/gsap.getProperty()

[ZachSaucier]

You can access the target by using this.targets() in GSAP 3 (arrow functions are always locked into the scope they're created then so don't use them if you're trying to use this). So you can do this.targets()[0] to get your element:

 

onUpdate: function() {
  const scrollTop = Math.round(gsap.getProperty(this.targets()[0], "y"));
  console.log(scrollTop);
  //...
},

.getProperty() could also be used as elegantseagulls mentioned.

[Priska]

Great guys!! ?

 

Thank you for the quick replies. ??