我将框架 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 版本中添加的内容。

引用: HereHere

关于javascript - 添加多个图层,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/19951446/

10-12 15:23