前言： 项目中让实现一个简单的上下视差滚动，就是当页面滑动到某一固定位置时，让上下两页面出现叠加效果，恢复时，展开恢复。
功能技术实现方式：元素定位，鼠标事件
思路1：
一开始想着设置滚动条监听事件，当到固定位置时下方元素设置relative属性(这样可保证不改变其原有样式而且可以实现元素位置的调整)，于是就诞生出一下代码：
<Meta charset="UTF-8">
问题：运行以上代码就会发现有一个很明显的bug,虽然大体功能已经实现了，但是因为relative的元素不管如何移动，还是会占有原本的位置。然而我们的期望是，滚动条到达让下方元素底部时就不应该滑动了，如何解决呢？
思路2：
我思考了良久，但是仍然没发现可以让元素既不占位置，又不改变自身样式，所以我大胆放弃relative，选择absolute定位，这个就需要我们自己做样式的调整，具体代码如下：
注意：①上半部分元素的位置需要保持不动②下半部分确保层级要高于上半部分③本代码针对的是上半部分固定，如果想让其跟着动，需要确保下半部分滚动速度要大于上半部分
原文链接：https://www.f2er.com/js/41017.html