Remove animation from some pages

ionic-v1
1

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">
     Home
   </a>
   <a class="tab-item" href="#/home">
     Favorites
   </a>
   <a class="tab-item">
     Settings
   </a>
</div>
1 Like
2

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

3

Yeah me too.

Need this behaviour for side menu items.
http://forum.ionicframework.com/t/make-sidemenu-behave-like-tabs/

4

Just add this to your top level ion element;

animation=“no-animation”

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

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