animate dots into position while scrolling down a page

[akytara]

Hi,

Im working on a project where we have multiple circles that need to animate into position as you scroll down a your page.

For example dots are scattered throughout the page and as the user scrolls and hits to a certain area the dots for an icon.. then as the user scrolls further the dots would continue down to page to form the next icon. Im not sure how this can work. I know how to code objects to move in certain directions but not randomly float around. Also unsure of the scrolling. Any help would be appreciated!

[PointC]

Hi @akytara

 

I'm not sure I completely understand what you're trying to do, but for scroll based animations I'd recommend ScrollMagic.

http://scrollmagic.io/

http://scrollmagic.io/examples/index.html

http://scrollmagic.io/docs/index.html

 

Some helpful tutorials to get you started.

https://ihatetomatoes.net/scrollmagic-tutorials-for-complete-beginners/

https://ihatetomatoes.net/5-days-with-scrollmagic/

 

If you could put together a demo of what you've made so far, we could probably give you additional advice.

Thanks and happy tweening.