Jump to content

Search In
  • More options...
Find results that contain...
Find results in...

how to scroll elements using mouse wheel?

Recommended Posts



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

Link to comment
Share on other sites

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




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

  • Like 1
Link to comment
Share on other sites

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 

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.