各种学习笔记

图片动态缩放 原效果： 鼠标放上去之后的效果（左图放大了2倍）： 注意：可以看出父盒子大小并没有变，但图片的大小变大了 图片单纯放大（父盒子大小改变了）： 如何才能做到第一种效果呢？ 核心语法： ov

制作动态盒子时遇到的情况 使用弹性布局时的情况： 原效果： 鼠标放上去之后的效果： 其中的问题：第一个盒子向上滑动的时候连带着下边两个盒子一起移动了！ 使用定位之后的情况： 鼠标放上去之后的效果： 总

目的：将侧边栏随着滚动条滚动显示出来，并且添加过渡效果让其看起来更加顺滑 遇到的问题：过渡属性没有效果 开始的思想：随着滚动条的滚动让侧边栏的display的block——>none，从而

代码运行效果：​ 完整HTML代码：[jcode](https://code.juejin.cn/pen/7251798939064598543） 注：一些自认为重要的代码思想以及知识点： 排他思想：