我在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>