javascript - 单个元素中的 stellar.js

Question

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

我有一个 html 元素

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

当我像这样调用恒星插件时:

$.stellar({responsive: true});

效果很好!但当我这样尝试时它不起作用:

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

我做错了什么吗？谢谢!

Answer 1

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

第一行有效而不是第二行的原因是您将 Stellar.js 指向不同的元素，而实际上您需要始终将其指向 window。如果您的第二个示例是 $(window).stellar() 或只是 $.stellar()，则可以工作。

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

希望有帮助:)