我正在使用stellar.js,但我遇到的问题是我不知道我使用的是错误的还是插件无法正常工作...
我有一个html元素
<section id="dbr" data-stellar-background-ratio="1.5" rel="dbr">
当我像这样调用恒星插件时:
$.stellar({responsive: true});
一切正常!但是当我这样尝试时它不起作用:
$('#dbr').stellar();
难道我做错了什么?谢谢!
最佳答案
初始化Stellar.js时,将其指向正在滚动的元素(例如$(window).stellar()
或简称$.stellar()
)
第一行工作而不是第二行工作的原因是,您将Stellar.js指向了不同的元素,这时您似乎总是需要将其指向window
。如果第二个示例为$(window).stellar()
或简单地为$.stellar()
,则它可以工作。
为了使Stellar.js正常工作,它需要知道正在滚动的元素,以便可以密切关注滚动事件。初始化后,它将自动搜索嵌套在其中的所有视差元素或背景。因此,即使只有一个元素,也需要针对.stellar()
调用window
。
希望有帮助:)