简单的视差滚动不起作用

Simple parallax scrolling doesn't work

本文关键字:不起作用 滚动 视差 简单      更新时间:2023-09-26

我正在尝试使用stellar.js添加简单的视差滚动到我的网站。问题是它根本不起作用;我觉得我什么都试过了,但就是不管用。我做这个测试只是因为我认为它不能工作,因为它干扰了我网站上的一些其他代码。但即使在这个测试页面上,我只是想让视差滚动工作,它也不会因为某些原因而工作。

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

我像这样调用stellar.js库(正如你在小提琴中看到的):

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

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

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