JS实现页面侧边栏效果探究

在笔者最近为社团计划的官网上打算做一个这样的效果：点击头像，左边/右边滑出一个“面板”，里面展示用户的个人信息。当然，这有很多种做法，比如：利用position定位+overflow溢出隐藏、利用opacity/visibility隐藏+pointer-events元素穿透…导致这个过程被触发的原因有很多：元素位置移动、大小改变、增删节点以及这里要说的display显示与隐藏切换等等。这会直接导致前后两行相当于“渲染了两遍”。所以将上方js代码改为下面这样：就可以了后来还是觉得这种方式需要涉及js对页面结构的改变，于是乎…