Remove an element that is in the middle of an animation in angularjs

Question

I have an instance where I have 3 possible scrolling animations depending on the model. I am using ng-if to handle the removal of the elements that don\'t match