2016-12-06 79 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

您必須覆蓋設置動畫的樣式。在我發現的代碼挖掘是這兩個:

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

相關問題