how to scroll elements using mouse wheel?

[hybreeder 0 Likes (Newbie)]

Hello,

 

I have one circle and I am using scroll magic. I have to scroll the circle with 360 degrees and after that circle will hide. I mean one it will cross the screen of the desktop that It will hide and then below content will display on the screen using the mouse wheel.

 

 

Now my code is not working properly. I mean when I am scrolling the mouse wheel and circle start and end in the center of the pc and content also scrolling.

 

I need when circle crosses the desktop screen than content should scroll.

 

Would you help me out in this?

 

 

   

See the Pen JOezKe by Narendra_verma (@Narendra_verma) on CodePen

[hybreeder 0 Likes (Newbie)]

Can anyone help me out in this?

[Carl 9,066 Likes (Superhero)]

Sorry, this all seems related to how you are using ScrollMagic which I don't really use and we don't support.

From what I do know it sounds like you may want to look into how pinning works with ScrollMagic

 

http://scrollmagic.io/examples/basic/simple_pinning.html

 

If you have any questions directly related to the GSAP API we will be happy to help.

[hybreeder 0 Likes (Newbie)]

Thanks for the reply, I checked all the example. I just need a help when the user scroll the mouse wheel Then that circle will scroll from Y position to x position and once it cross it than below text will display