使用jquery / javascript触发svg动画

Question

I have a .svg file that animates a circle to move using the animateMotion. The problem is that I load the file with jquery at the bottom of my page. By the time the user has scrolled down, the animation has already played. I'm using the waypoints jquery plugin which runs a function when a div is in the viewport. I would love to use this to trigger the animateMotion within the .svg.

Thoughts and ideas are greatly appreciated.

Answer 1

What if you simply reload the file when it comes up? That would probably run the animateMotion automatically because it will assume this is the initial loading of the file.