[GSAP Motion Path Plugin w/ Mouse Following]

Think I was way overthinking it! Sometimes forget the power of the tween. Thanks so much again!

[GSAP Motion Path Plugin w/ Mouse Following]

That is exactly what I was trying to do, good mind read! Sorry if I didn't describe it very well. Thank you for the help.

[GSAP Motion Path Plugin w/ Mouse Following]

Hello! I am trying to utilize the motion path plugin to lightly (within a range) follow a mouse cursor along a predefined path, but am having some issues with the values I'm seeing when using the getRawPath method, they seem to be larger than the ones I see on Circle Two. I'm thinking it has something to do with the origin, but am not sure. You can see the animation on the right for what I would like the arrow animation to be, but I can't seem to get it properly working when it is hooked up to the 'mousemove' listener. Any help would be greatly appreciated. Thanks in advance!

See the Pen poLrEOd by january1979 (@january1979) on CodePen

["Smooth scrolling" on entire page with pinned elements.]

3 hours ago, ZachSaucier said:

Hey existentialdread. Thanks for making a demo and for creating a new thread. 

 

For anything other than really basic things, this lightweight smooth scrolling approach probably isn't the way to go. If you need smooth scrolling I recommend using a more full smooth scrolling library. To use it with ScrollTrigger you should make use of .scrollerProxy(). We provide a few demos that use different smooth scrolling libraries in the scrollerProxy docs.

 

Here's an example with your code using Locomotive Scroll:

 

 

Hey Zach, thanks for getting back to me. I was thinking that was going to be the case. Thanks for your time and help! ScrollTrigger is awesome!

["Smooth scrolling" on entire page with pinned elements.]

Building (entirely) from @Ihatetomatoes demo, I was just attempting to apply a similar smooth scrolling effect on a page with pinned elements, but adding pinning seems to create some issues with the positioning of the pinned elements. I'm hoping someone has some experience with this and can point me in the right direction.

See the Pen MWbgRjy by january1979 (@january1979) on CodePen

[Smooth scroll to whole page and trigger animations]

Hey @Ihatetomatoes, great demo. I am looking for a similar solution for smoother scrolling. I am running into issues with elements that are pinned. For instance, adding

pin: box

to your codepen code produces some pretty wild and inconsistent behavior. Any ideas on how I could go about handling the pinning issue? I'm trying to avoid adding in a third party 'smooth scrolling' library.