Javascript jquery parallax.js不工作_Javascript_Jquery_Parallax.js

Javascript jquery parallax.js不工作

javascript jquery

Javascript jquery parallax.js不工作,javascript,jquery,parallax.js,Javascript,Jquery,Parallax.js,我已经尝试了10多次使用parallax.js jquery插件。但它不起作用。我不明白我到底怎么了插件站点：我的演示工作站点：有谁能帮助我如何使用视差js吗？提前谢谢页面来源： <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"

我已经尝试了10多次使用parallax.js jquery插件。但它不起作用。我不明白我到底怎么了

插件站点：

我的演示工作站点：

有谁能帮助我如何使用视差js吗？提前谢谢

页面来源：

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        #container {
            width: 100%;
            height: 500px;
        }
    </style>

</head>
<body>
    <div id="container">
        <div id="scene">
          <div class="layer" data-depth="0.00"><img src="layer1.png"></div>
          <div class="layer" data-depth="0.20"><img src="layer2.png"></div>
          <div class="layer" data-depth="0.40"><img src="layer3.png"></div>
          <div class="layer" data-depth="0.60"><img src="layer4.png"></div>
          <div class="layer" data-depth="0.80"><img src="layer5.png"></div>
          <div class="layer" data-depth="1.00"><img src="layer6.png"></div>
        </div>
    </div>


    <script src="jquery-3.2.1.min.js"></script>
    <script src="parallax.js"></script>
    <script>
      var scene = document.getElementById('scene');
      var parallax = new Parallax(scene);
    </script>
</body>
</html>


#容器{
宽度：100%；
高度：500px；
}
var scene=document.getElementById（'scene'）；
var视差=新视差（场景）；

您正在使用库的非编译版本。您可以编译并使用，也可以从下载已编译版本的parallax.min.js文件，也可以使用

在本例中，我使用的是CDN


#容器{
宽度：100%；
高度：500px；
}
var scene=document.getElementById（'scene'）；
var视差=新视差（场景）；

“但它不起作用”。确切的问题是什么？请提供有关不当行为的更多信息。