如何仅对div进行视差效果

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

回答(0)