Remove animation from some pages


#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>

#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.


#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>