4

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

4

1 回答 1

0

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

参考：这里和这里

于 2013-11-18T16:53:00.183 回答