javascript - 使用 JQuery Stellar 实现多个元素的多个垂直偏移？

Question

我已经安装了 Stellar 插件并使其正常工作:

$.stellar({
       horizontalScrolling: false,
       verticalOffset: -600
    });

但是我有 2 个不同的元素和 2 个不同的背景图像。我需要将第二个元素的verticalOffset设置为200，而不是上面的-600。

为此我添加了:

$('.photo2').stellar({
       horizontalScrolling: false,
       verticalOffset: 200
    });

但这不起作用 - 第一个函数只是覆盖它。

如果我将它们分开，如下所示:

$('.photo1').stellar({
       horizontalScrolling: false,
       verticalOffset: -600
    });


$('.photo2').stellar({
       horizontalScrolling: false,
       verticalOffset: 200
    });

根本没有任何作用。

有人知道用Stellar设置多个元素的正确方法吗？

Answer 1

您应该能够通过向元素添加数据属性来实现此目的:

<div class="photo2" data-stellar-vertical-offset="200"></div>

您可以在文档中找到更多信息:http://markdalgleish.com/projects/stellar.js/docs/

乔迪