1

特定のビューのトランジションアニメーションを完全に無効にするにはどうすればよいですか?Ionic - ビュー遷移アニメーションを無効にしますが、シングルビューのみを有効にします

私はしたくない

https://github.com/driftyco/ionic/blob/e2727d2e8f0815c3418e1fc29c92e2180e513408/js/angular/directive/navTransition.js

:単に次の遷移をハッキングし、クリックされたときに要素にのみ動作設定

  • 使用navTransitionディレクティブで全アプリを

    • 無効理想的には、ion-viewまたはion-nav-viewのような属性を探しています

  • 答えて

    1

    ui-viewnoanimation="..."をサポートしていますが、それはイオン

    では動作しません、私は見つけることができる唯一のことはした:から

    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; 
    } 
    
    0

    回答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; 
    }