添加多个图层答案

【问题标题】：Adding multiple layers添加多个图层
【发布时间】：2013-11-13 10:35:28
【问题描述】：

我将框架 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 添加多个视差层？

【问题讨论】：

标签： javascript parallax cool-kitten stellar.js

【解决方案1】：

Cool Kitten 有很大的潜力，但它仍处于测试阶段，缺乏一些功能，例如支持多个视差层（它不支持）。我确实希望这是他们将在框架的未来版本中添加的内容。

参考：Here 和 Here

【讨论】：