簡單的視差滾動不起作用

Question

我正在嘗試使用stellar.js將簡單的視差滾動添加到我的網站。 問題在於它只是根本不起作用。 我覺得我已經嘗試了所有方法，但是那根本不起作用。 我進行此測試jsfiddle是因為我認為它不起作用是因為它干擾了我網站上的其他一些代碼。 但是即使在這個我只是試圖使視差滾動正常工作的測試頁面上，由於某種原因它也無法正常工作。

http://jsfiddle.net/5Jctk/4/

我正在這樣稱呼stellar.js庫（如小提琴所示）：

$(document).ready(function () {
    $.stellar();
});

為什么在我的網站和jsfiddle上都不起作用？

Answer 1

您沒有為要滾動的每個單獨的元素設置data-stellar-ratio ，而且還必須指定單獨滾動的每個元素的像素高度。