Remove animation from some pages

I am currently using the slide animations via the default:

<body ng-app="starter" animation="slide-left-right-ios7">

I like them, but I want to remove slide animations when the user clicks a link via my footer. Is there a way to remove them from certain link clicks??

Footer HTML

<div class="tabs">
   <a class="tab-item">
   <a class="tab-item" href="#/home">
   <a class="tab-item">
1 Like

I was just wondering the same thing. I would love to turn off animations for certain links.

Yeah me too.

Need this behaviour for side menu items.

Just add this to your top level ion element;


For example my top level ion-nav-view is like this and no animations occur.

<ion-nav-view animation="no-animation"></ion-nav-view>