2016-12-06 1 views
0

私は角材料、MD-sidenav使用:には、md-sidenavのshow-hide速度を設定する方法がありますか?

<md-sidenav md-component-id="left" md-whiteframe="4" md-disable-backdrop> 
    <md-content ng-include="'app/components/work/iteration-config/iteration-config.tmpl.html'"></md-content> 
</md-sidenav> 

をしかしsidenavが高速に移動します。それは表示/非表示の速度を設定する方法はありますか?

答えて

0

アニメーションが設定されているスタイルをオーバーライドする必要があります。私はこれらの2であることが判明したコードに掘り:

md-sidenav.md-closed-add, md-sidenav.md-closed-remove { 
    -webkit-transition: all .2s ease-in; 
    transition: all .2s ease-in 
} 
md-sidenav.md-closed-add.md-closed-add-active, 
md-sidenav.md-closed-remove.md-closed-remove-active { 
    -webkit-transition: all .4s cubic-bezier(.25, .8, .25, 1); 
    transition: all .4s cubic-bezier(.25, .8, .25, 1) 
} 

だけangular.css.minファイルをインポートした後、どこかにそれらを宣言し、あなたが好きに倍(。.2sおよび4S)を変更し、それでおしまい!

+0

私は試しましたが、私のためには機能しません。いくつかの実例がありますか? – Serhiy

関連する問題