Create some scrollTrigger - Spin while scrolling.

[vacho]

Hello.
I spent few hours to create something like this:

I haven't been able to achieve the desired result yet.
Could anyone offer their assistance?

See the Pen yLRJLgx by watscho-the-bold (@watscho-the-bold) on CodePen

[GreenSock]

That looks to me like you could just pin the container <div> and then animate the rotation of its child and make the transformOrigin pretty low. 

 

We don't normally do this kind of thing (it's well beyond the scope of help we can provide in these forums), but I was curious so I whipped together a very quick demo that might help get you moving in the right direction: 

See the Pen WNaxQLg?editors=0010 by GreenSock (@GreenSock) on CodePen

 

I hope that's useful. If you've got any GSAP-specific questions, we're happy to help with those. 

[akrdesign]

@vacho And here is the React.JS version 👇
https://codesandbox.io/s/spin-on-scroll-example-x0utqn?file=/src/CircleAnimation.tsx

[vacho]

A lot of thanks guys 🥰 🥰 I will try

[vacho]

Thanks guys. I did it.
https://streamable.com/jlbbw9