Start animation based on scroll?

I can’t think of anything that would trigger the animation when you scroll down to it, but that doesn’t mean it isn’t possible. It would likely take some jQuery/js magic, which isn’t my forte, I’m afraid.

Thanks for your reply Chris, there is stuff out there I just do not understand it enough!!

NP. It may be possible to do something similar with an infinite scroll function, so the progress bars don’t actually load until you scroll to it.

https://www.infinite-scroll.com/

…or something like lazy loading (but, again, I wouldn’t know how to go about implementing lazy loading without digging into it heavily)…

https://www.appelsiini.net/projects/lazyload

Infinite scroll would probably be easier to implement in your theme if you were going to go either of these routes yourself.

You might want to take a look at the jQuery Sonar plugin:

https://github.com/artzstudio/jQuery-Sonar

I’m trying to do the same thing with my progress bars and the sonar plugin is used on lazy load wp plugins. All you have to do is bind their event to the wppb when the document is ready (instead of animating) and then, when the event is called, unbind it and animate.

Pretty simple concept. Might be worth de shot.

@nayume

Thanks for the link. I’ll take a peek.