javascript - 简单的视差滚动不起作用

Question

我正在尝试使用 stellar.js 向我的网站添加简单的视差滚动.问题是它根本不起作用。我觉得我已经尝试了一切，但就是行不通。我做了这个测试 jsfiddle，因为我认为它不起作用，因为它干扰了我网站上的其他一些代码。但即使在这个我只是试图让视差滚动起作用的测试页面上，由于某种原因它也不会起作用。

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

我这样调用 stellar.js 库(正如您在 fiddle 中所见):

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

为什么这在我的网站和 jsfiddle 上都不起作用？

Answer 1

您没有为要滚动的每个单独元素设置 data-stellar-ratio，而且您还必须指定单独滚动的每个元素的像素高度。