恒星视差效果不起作用

Question

我试图使用Stellar.js对背景图像产生简单的视差效果......我做错了什么？

我的HTML：

...
<div id="parallax" data-stellar-background-ratio="2">
<p>Content</p>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

<script src="js/jquery.stellar.min.js"></script>

<script>
    $("#parallax").stellar();
</script>

</body>
</html>

CSS

#parallax {
    background-image: url("../img/bg.jpg");
    height: 500px;
}

Answer 1

我有点晚了，但无论如何都要尝试使用Stellar拉链中的jquery，并将背景附件更改为固定。