How to start animation when scrolling the page?

Question

JavaScript

Good afternoon!
There is animation.
Tell me, please, how to make it start working not immediately after loading the page, but only when you scroll to the desired block, where does it lie?
Only the jquery library is used, and that's it, no others are used. Also, no js plugins are used.

Thanks in advance for your reply.

Answer 1

We catch the scroll, determine whether the block is in the visible part, add a class, hook the animation in css to this particular class.

Answer 2

Watch the video: https://m.youtube.com/watch?list=PLPpaecEYRC8arPk-...
And this: https://m.youtube.com/watch?list=PLPpaecEYRC8arPk-...

Answer 3

https://codepen.io/ChrisJohnson/pen/dIGDA

Answer 4

there is such a plugin viewportchecker.js that
catches elements that fall on the screen and rustles something with them

Answer 5

https://wowjs.uk
Described in detail here: smartlanding.biz/animaciya-pri-prokrutke-stranicy.html