使用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
    });

什么都沒有。

有誰知道使用恆星幣設置多個元素的正確方法？

Answer 1

您應該可以通過向元素添加data屬性來實現此目的：

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

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

霍爾迪