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/

霍尔迪阿

使用JQuery Stellar多个元素的多个垂直偏移？

1 个答案: