Is it possible to make an animation when scrolling with pure javascript?

Question

JavaScript

or using jQuery, without including other libraries?
The bottom line is that the animation should be played when scrolling, once is enough. Also, the "top" button: appears only in certain places on the page: for example, after scrolling the entire header (height 100%), but disappears on CTA blocks, then appears again when scrolling?