首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jquery parallax.js不工作

jquery parallax.js不工作
EN

Stack Overflow用户
提问于 2017-06-07 12:42:37
回答 0查看 5.1K关注 0票数 1

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

插件站点:http://matthew.wagerfield.com/parallax/

我的演示工作站点:http://contact.themeshef.com/

有人能帮我讲讲如何使用视差js吗?提前感谢!

页面来源:

代码语言:javascript
复制
<!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>
EN

回答

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/44403652

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档