单个元素中的stellar.js

Question

我正在使用stellar.js，我遇到了一个问题，我不知道我是不是用错了，或者是插件不能正常工作……

我有一个html元素

<section id="dbr" data-stellar-background-ratio="1.5" rel="dbr">

当我这样调用stellar插件时：

$.stellar({responsive: true});

它工作得很好！但当我像这样尝试时，它不起作用：

$('#dbr').stellar();

我做错了什么吗？谢谢!

Answer 1

在初始化Stellar.js时，将其指向正在滚动的元素(例如，$(window).stellar()，或简称为$.stellar() )

第一行起作用而第二行不起作用的原因是，当看起来需要始终将其指向window时，您将Stellar.js指向不同的元素。如果您的第二个示例是$(window).stellar()或简单的$.stellar()，那么它就可以工作。

为了让Stellar.js正常工作，它需要知道哪个元素正在滚动，这样它才能监视滚动事件。初始化时，它将自动搜索其中嵌套的所有视差元素或背景。因此，即使只有一个元素，也需要针对window调用.stellar()。

希望这能有所帮助:)