ScrollTrigger with Locomotive scroll - this keyword

[Ak89]

Hi,

I just forked the ScrollTrigger with locomotive scroll codepen example and made some small changes to the javascript code. Basically, I put the code in a class and instead of defining a const locoScroll, I used the this keyword and this.locoScroll. With the class definition and original const declaration, everything works fine, but the code breaks when I use this.locoScroll instead.  I realize this might not be related to ScrollTrigger, but since the error is happening inside the ScrollTrigger.scrollerProxy callback, I'd thought I could ask here.

 

Thanks for any help in advance.

See the Pen rNzdByY?editors=0011 by Akbarbakhshi (@Akbarbakhshi) on CodePen

[OSUblake]

You would need to use arrow functions as they aren't scoped...

 

scrollTop: (value) => {
  return arguments.length ? this.locoScroll.scrollTo(value, 0, 0) : this.locoScroll.scroll.instance.scroll.y;
}, 

 

[Ak89]

oh.. I see. Thank you.