Stellar Parallax Effekt funktioniert nicht

Question

Ich versuche einen einfachen Parallax-Effekt auf ein Hintergrundbild mit Stellar.js zu haben ... was mache ich falsch?

Mein 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

Ich bin ein bisschen spät, aber trotzdem versuchen, die Jquery zu verwenden, die in dem Stellar Zip kommt, und Ihren Hintergrund Befestigung an festen ändern .