实现原理:
=====
实现这个案例我们主要用到了 获取到页面下滑被卷上去的距离:**window.pageYOffset,以及盒子到页面顶部的距离 :element.offsetTop,在我们的 window.pageYOffset 的值大于第二个盒子到页面顶部的距离时,就将侧边栏的定位由 absolute 改为 fixed,同理在****window.pageYOffset** 的值大于第三个盒子到页面顶部的距离时,就将其回到顶部盒子的 display 改为 block,就可以实现此案例
JS代码实现:
=======
完整代码:
=====