Animated SVG play on scroll

I Need Help
1

I have a standalone animated SVG and using Inline SVG to place the image (could drag it as an image just as easily).

But the annie is playing as soon as the page loads. How do I get it to animate when the containing column comes into view?

Tried everything. THX.

2

You have to code this in JavaScript. Setting up an event listener for when the SVG scrolls into the viewport and start the animation. (You will need to pause it initially too).