Question

当我点击设置时，它会导航到内部导航菜单，之后返回主菜单选项。

为此我尝试使用角度材料在侧面导航中实现幻灯片切换，但它没有在侧面导航中显示幻灯片切换效果。

Angular material slide nav Plnkr :: http://plnkr.co/edit/tAocrJglxnLs3mMPqAnb

幻灯片转换：当我们点击设置时，它会导航到内部菜单，然后点击返回导航到主菜单。为此需要幻灯片过渡效果。

例如：http://plnkr.co/edit/o37kGQByrXX9jdIxuIXZ

任何人建议幻灯片过渡效果。

Answer 1

检查一下 http://plnkr.co/edit/Ksfo7fnSB0c4DH6egE3S?p=preview

<md-content class="main-ctr" ng-controller="RightCtrl" class="md-padding">

和mainmenu和子菜单2其他类，他们的位置是绝对的，所以他们可以滑动无摩擦

Answer 2

将类添加到菜单中

<div ng-show="submenu" class="submenu"> <div ng-show="mainMenu" class="mainmenu">

并且css将是

.submenu.ng-hide,
.mainmenu.ng-hide{
  display: block !important;
  opacity: 0;
  transition: all .35s linear;
 }

.submenu,
.mainmenu{
  opacity: 1;
  transition: all .35s linear;
 }

侧导航中的角度材料滑动过渡？

2 个答案: