我正在使用stellar.js,我遇到了一个问题,我不知道我是否使用它错误,或者插件是否正常工作......
我有一个html元素
<section id="dbr" data-stellar-background-ratio="1.5" rel="dbr">
当我像这样调用恒星插件时:
$.stellar({responsive: true});
它工作得很好!但是当我这样尝试时它不起作用:
$('#dbr').stellar();
我做错了吗?谢谢!
答案 0 :(得分:3)
初始化Stellar.js时,将其指向滚动的元素(例如$(window).stellar()
或简称$.stellar()
)
第一行工作而不是第二行的原因是你将Stellar.js指向不同的元素,当你看起来需要始终指向window
时。如果它是$(window).stellar()
,或只是$.stellar()
,那么您的第二个示例就可以使用。
要使Stellar.js正常工作,它需要知道哪个元素在滚动,以便能够密切关注滚动事件。初始化时,它会自动搜索嵌套在里面的所有视差元素或背景。因此,即使您只有一个元素,也需要针对.stellar()
调用window
。
希望有所帮助:)