淘宝侧边栏下滑页面固定案例

在淘宝页面中，我们右侧的侧边栏在下滑过一定距离后，会变为固定样式固定在屏幕右侧位置，再下滑一定距离后侧边栏会多出一个回到顶部的盒子，在往上滑动后又恢复原样，我们如何实现这个案例呢？案例效果如下：下拉前：此时侧边栏为绝对定位定在右侧，滑动滚动条会跟随移动下拉过第一个盒子的高度后：再往下滑动过第二个盒子顶部后就会固定在这个位置不再变化 （变为固定定位）下拉过第二个盒子的高度后：再往下滑动过第三个盒子的顶部后 ，侧边栏就会多出回到顶部的盒子，点击可以回到顶部..