It's a question similar to one asked before here - Auto-Scroll to next anchor at Mouse-wheel
Except, I'm looking for a solution in AngularJS.
Quoting the question -
I have 5 anchors on my html page. Is there any way that the page scrolls automatically to the next anchor (#) by a single Mouse-wheel scroll? Is there a way that it happens regardless of the anchor's name? just to the next anchor.
An animation is also required.
I've already explored $anchorScroll
which doesn't support animation.
Also, there is angular-scroll
which I'm unable to trigger on a scroll event.