如何在jquery中通过动画实现边栏切换

有谁能告诉我如何在jquery中实现带有动画过渡效果的边栏切换吗？我会这样创建：

创建

侧边

或

div

并使用CSS将其绝对放置在左侧

添加

transform:translateX（-100%）主体上的类处于活动状态时

正文：未（.active）搁置{
转化：translateX（-100%）；
}
身体旁边{
变换：translateX（0）；
转变：转变1s；
}

只需在jQuery中切换class

active

，CSS转换就会给你一个动画效果

或者，您可以在侧边栏上添加活动类，并相应地更改CSS

---

如果侧边栏需要位于右侧，那么您需要创建一个具有溢出：隐藏的包装器。您需要记住，您可以使用滚动条，但我想问另一个问题。

尝试用谷歌搜索

offcanvas

。例如：