jquery parallax.js不起作用

时间:2017-06-07 04:42:37

标签: javascript jquery parallax.js

我一直尝试使用parallax.js jquery插件超过10次。但它不起作用。我不明白我发生了什么事。

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

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

有人可以帮我解决如何使用视差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>

1 个答案:

答案 0 :(得分:1)

您使用的是非编译版本的库。您应该编译和使用,或者您可以从here下载parallax.min.js文件的编译版本,或者您可以使用cdn

在这个例子中,我正在使用CDN

from flask import Flask
from flask_sqlalchemy import SQLAlchemy

app = Flask(__name__)

engine = SQLAlchemy.create_engine()

app.config['SQLALCHEMY_DATABASE_URI'] = 'mssql-pyodbc://EVERETT-
PC\\SQLEXPRESS/iNcentDev?trusted_connection=yes'

db = SQLAlchemy(app)
SQLALCHEMY_TRACK_MODIFICATIONS = False

class Payroll(db.Model):
    __tablename__ = 'pay.PayRoll'
    pk = db.Column('id', db.Integer, primary_key=True)
    CreateDate = db.Column('CreateDate', db.DateTime)