老师请问下这种要怎么写？谢谢

来源：1-1 课程导学

春去_秋来

2024-03-14

图片描述
点击导航按钮，往整屏往右推并有动画，拉回来也有动画
说下思路也可以，谢谢

写回答

1回答

张轩

2024-03-15

同学你好

这个不是很难吧，侧边栏就是显示或者隐藏一个 div，滑出的动画效果也不是很难，

在 CSS 部分，我们使用 position: fixed 将侧边栏固定在页面上，并使用 transform 属性来实现滑动效果。通过过渡类名和过渡效果，我们可以在侧边栏进入和离开时应用动画效果。然后给主容器添加一个特殊的类，让它往右侧滑动一定的距离，就可以实现了。

进阶必学，打造媲美ElementPlus的组件库

Vue3.3 + TS4 ，自主打造媲美 ElementPlus 的组件库

481 学习 · 218 问题

相似问题

回答 3

回答 2

回答 1

回答 2

回答 2