Javascript 如何在侧边栏菜单中插入和输出

我有以下页面：
我想让侧边栏菜单像这样滑入顶部滑入效果。当我阅读源代码时，我看不清楚。
这是我的

组件。css查看

/*效果1：在顶部滑入*/

Javascript从nav菜单更改css类。

---

它能帮你吗

但是

/*效果1:Slide-in-on-top*/

之后的css类非常奇怪。HTML是

，但是component.css中的css类是

.st-effect-1.st-menu-open.st-effect-1.st-menu

。谢谢你的回答。从这篇文章中，我找到了为什么css类是

.st-effect-1.st-menu-open.st-effect-1.st-menu

。