我将框架 Cool Kitten 用于视差项目(因为它具有响应性)。这个框架使用stellar.js,它支持多个视差层。 Cool Kitten 不提供任何文档,并且不可能直接将文档用于 stellar.js。
我想要的是具有三个视差层,但我就是不知道如何用 Cool Kitten 做到这一点。
根据 stellar.js 文档,你这样做......
<div class="slide" id="slide3" data-slide="3" data-stellar-background-ratio="0.5">
<div class="wrapper">
<img src="images/slide3/freelance.png" data-stellar-ratio="1.4" data-stellar-vertical-offset="-102"alt="">
<img src="images/slide3/psdtuts.png" data-stellar-ratio="1.5" data-stellar-vertical-offset="-53"alt="">
<img src="images/slide3/rockable.png" data-stellar-ratio="2.7" data-stellar-vertical-offset="-200"alt="">
<img src="images/slide3/themeforest.png" data-stellar-ratio="3" data-stellar-vertical-offset="-200"alt="">
<img src="images/slide3/tutshub.png" data-stellar-ratio="1" data-stellar-vertical-offset="-200"alt="">
<img src="images/slide3/psdtuts.png" data-stellar-ratio="1.5" data-stellar-vertical-offset="-200"alt="">
</div>
<span class="slideno">Slide 3</span>
<a class="button" data-slide="4" title=""></a>
</div>
...但是当使用 Cool Kitten 尝试此代码时它不起作用,并且图像并排显示,根本没有任何视差效果。
那么,如何使用 Cool Kitten 添加多个视差层?
最佳答案
Cool Kitten 有很多潜力,但它仍处于测试阶段,缺乏一些功能,例如支持多个视差层(它不支持)。我确实希望这是他们将在框架的 future 版本中添加的内容。
引用: Here 和 Here
关于javascript - 添加多个图层,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19951446/