0
私は自分のウェブサイトで視差効果を作成しようとしていますが、main sourceからの説明通りに正確に指示に従っていますが、まだ動作していません。コードスニペットは次のとおりです。ステラjsは動作しません
HTML
<div id="home-section" data-stellar-background-ratio="0.5"></div>
<div id="site"></div>
CSS
#home-section {
background-image: url(inspiration.jpg);
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
width: 100%;
height: 100vh;
position: relative;
}
#site {
height: 4000px;
width: 100%;
position: relative;
}
JQ
<script src="js/jquery-3.1.1.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script>
$.stellar();
</script>
ここcodepenです。
これはうまくいきませんでした。 –
直面している問題を示すCodePen、JsFiddle、またはStack Snippetを作成してください。 –
コードが追加されました。 –