我在div框上创建视差效果时卡住了。
要求是我们滚动div时会粘在屏幕上 而后续的div将在第一个div上创建叠加效果 换句话说它会滑过第一个div。其他的div会类似 对参考https://www.jhu.edu/代码也有这种影响 这里也提供了https://jsfiddle.net/cxos2vu7/1/
<div id="parallex-1" class="parallax section stickbottom" style="height:768px">
<div class="sticky">
<video controls="controls" width="100%" autoplay="autoplay" style="background-color:aliceblue">
<source type="video/webm" src="https://www.jhu.edu/assets/uploads/2017/03/Homepage-Loop-28.webmhd.webm" />
</video>
</div>
</div>
<div id="section-2" class="parallax section stickbottom" style="height: 760px;background-color:black;">
<div class="sticky">
</div>
</div>
<div id="section-3" class="parallax section stickbottom" style="height: 760px;background-color:black;">
<div class="sticky">
</div>
</div>