Javascript 向上滑动部分以替换现有div

我不太确定这是否算作视差效应。基本上，我有两个部分

<section class="bg-primary" id="placeholder"></section>

<section class="bg-primary" id="about"></section>

每个部分都有100%的高度，因此它基本上会填充视口。我试图实现的是这样一个目标——首先显示一个id为placeholder的部分。向下滚动时，我希望about部分开始向上滑动，以基本上替换占位符。当我到达底部时，屏幕应该只显示一个部分，因此about部分基本上应该在占位符的顶部分层。如果我再向另一个方向滚动，它会再次出现

我已经建立了一个可以设置一切的JQuery，我还没有添加任何JQuery，因为我不太确定如何实现这个效果

谢谢你的建议

---

非常感谢

JSFiddle的工作原理与您描述的完全相同-您向下滚动，而#about开始向上滑动，并完全替换视图，当您向上滚动时，会发生相反的情况。这只是一个div下的另一个div。我试图得到它的方式是，当你向下滚动时，#about div将替换占位符，因此你最终只得到一个div。基本上，你是不是从jquery中寻找一个动画，将#about div向上滑动并在一个向下滚动动作中替换它？不完全是，就像你向下滑动一样，它会替换它。JSFIDLE的工作原理与你描述的完全一样——你向下滚动，而#about开始向上滑动，并完全替换视图，当你向上滚动时，相反的情况发生了。这只是一个div在另一个div下。我试图得到它的方式是，当你向下滚动时，#about div会替换占位符，因此你最终只会得到一个div。基本上，你是想从jquery中寻找一个动画，将#about div向上滑动并在一个向下滚动动作中替换它吗？不完全是这样，就像你向下滑动时它会替换它一样。