stellar.js在单个元素中

时间:2013-01-21 20:29:11

标签: javascript jquery html jquery-plugins

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

我有一个html元素

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

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

$.stellar({responsive: true});

它工作得很好!但是当我这样尝试时它不起作用:

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

我做错了吗?谢谢!

1 个答案:

答案 0 :(得分:3)

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

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

要使Stellar.js正常工作,它需要知道哪个元素在滚动,以便能够密切关注滚动事件。初始化时,它会自动搜索嵌套在里面的所有视差元素或背景。因此,即使您只有一个元素,也需要针对.stellar()调用window

希望有所帮助:)