特定のビューのトランジションアニメーションを完全に無効にするにはどうすればよいですか?Ionic - ビュー遷移アニメーションを無効にしますが、シングルビューのみを有効にします
私はしたくない:単に次の遷移をハッキングし、クリックされたときに要素にのみ動作設定
- 無効理想的には、
ion-view
またはion-nav-view
のような属性を探しています
特定のビューのトランジションアニメーションを完全に無効にするにはどうすればよいですか?Ionic - ビュー遷移アニメーションを無効にしますが、シングルビューのみを有効にします
私はしたくない:単に次の遷移をハッキングし、クリックされたときに要素にのみ動作設定
ion-view
またはion-nav-view
のような属性を探していますui-view
はnoanimation="..."
をサポートしていますが、それはイオン
では動作しません、私は見つけることができる唯一のことはした:から
HTML
<ion-nav-view>
<link ng-href="css/styleSlide.css" rel="stylesheet" />
styleSlide.css
/* untested */
[nav-view-transition="ios"] [nav-view="entering"],
[nav-view-transition="ios"] [nav-view="leaving"] {
-webkit-transition-duration: 0ms;
transition-duration: 0ms;
}
回答malixは良い方向の一歩ですが、そのような条件付きCSSは必要ありません。私が使用して終了すると、イオンビュー要素のIDで、私が使用:私がacually必要なことは隠すことであるので、
#header-sub-content ion-view[nav-view="entering"] {
transition-duration: 0ms;
}
#header-sub-content ion-view[nav-view="leaving"] {
transition-duration: 0ms;
}
しかし、これは私が解決するために気にしませんでした少し不思議なフリッカー効果を離れます「入る」アニメーションのみが表示されます。
#header-sub-content ion-view[nav-view="entering"] {
display: block;
}
#header-sub-content ion-view[nav-view="leaving"] {
display: none;
}