如何仅对div进行视差效果

时间:2017-07-21 06:38:26

标签: javascript css

我在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 个答案:

没有答案