无法让Stellar.js在JSFiddle中工作

Question

我尝试使用Stellar.js在JSFiddle中构建一个非常简单的视差滚动示例。

这是我的小提琴https://jsfiddle.net/ymrhu0mo/6/

我错过了什么？

CSS

section {
float: left;
}

.main div {
height: 100px;
width: 100px;
}

.parallax div {
height: 50px;
width: 50px;
margin-bottom: 50px;
background-color: orange;
}

Javascript

$(function () {
    $('window').stellar();
});

HTML

 <div id="container">
    <section class="main">
        <div style="background-color: blue"></div>
        <div style="background-color: grey"></div>
        <div style="background-color: green"></div>
        <div style="background-color: red"></div>
    </section>

    <section class="parallax" data-stellar-ratio="1.75">
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
        <div></div>
    </section>
</div>

Answer 1

您需要在页眉或页脚中使用脚本src =“...”调用lib，使用Web上的链接或本地下载的链接