Javascript 基础6钻削动画速度 我的目的是将自定义动画速度应用到网站6的基础6下钻菜单中。我知道，在\u settings.scss中，您可以通过$drilldown transition更改初始单击动画，但是当返回到深入中的某个级别时，动画参数将被忽略

我已经检查了

dist>assets>css>app.css

，查看是否有其他参数或某种隐藏的css位在控制这一点，但我很明显，它是通过JS处理的，而不仅仅是添加/删除类

TLDR我希望了解如何在返回关卡与前进关卡时控制向下展开菜单的动画速度/样式

---

EXP:

关闭速度是由以下行造成的，可在

dist>assets>css>app.css中查看

.drilldown .is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
            transform: translateX(-100%); 
    }

  .drilldown .is-drilldown-submenu.is-closing {
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%); 
    }

从
-100%
到
100%
的转变太过极端，无法真正获得您期望的平滑感觉。将
100%
减少到
5%
解决了问题

.mobile_nav > .grid-x > .cell > .is-drilldown .drilldown .is-drilldown-submenu.is-closing {
      -webkit-transform: translateX(5%);
          -ms-transform: translateX(5%);
              transform: translateX(5%);
    }