Mousewheel update on ScrollTrigger pin

[smokeNinja]

Hello Everyone, 
 

As attachment is the codepen for a demo, I'm applying an element of div follow my mouse cursor , however it's not working fine on the scrollTrigeer Pin section while scrolling a little bit faster, the element cant follow up with the mouse cursor. If working fine for mouse moving around but not scrolling. Appreciate for the help. 

See the Pen XWgOjvm by smokeninja (@smokeninja) on CodePen

[OSUblake]

Hi smokeNinja,

 

You need to have it fixed...

.darkCircle{
    // position: absolute;
  position: fixed;
    // top: 50%;
    // left: 50%;
  top: 0;
  left: 0;
  }

 

And use clientX/Y.

gsap.to($darkCircle, {
  duration: 0.3,
  x: e.clientX,
  y: e.clientY
});

 

[smokeNinja]

Thanks so much for help OSUblake, thanks for pointing the mistake.