How to make an animation when scrolling to a certain element in angular?

Question

Angular

How can you play an animation on scrolling to an element in Angular without crutches?
How will it work - repeatedly each time, if you return again or once?
What will be the behavior if the page has already been scrolled to a certain point and the page is reloaded, and the mouse wheel did not move at the same time? - does the onScroll event still work?

Answer 1

Very simple - here ( https://angdev.ru/doc/angular-animation-part-1/ ) - that is, you write animations with all the little things and turn it on when you initialize the page (component) - it will be one-time, but if for example, through the IntersectionObserver API or HostListener to track the scroll to the top of the page, then you can restart the callback.