【问题标题】:WOW.js does not support for chrome 68.0.3440.106WOW.js 不支持 chrome 68.0.3440.106
【发布时间】:2018-08-27 17:19:20
【问题描述】:

我在我的项目中使用了 wow.js 和 animate.css。我添加了哇属性,例如'data-wow-delay="2s"。但是,它适用于 IE,但不适用于 Chrome 版本 68.0.3440.106。 实际上,动画部分可以工作,但不会发生哇延迟。这是WOW的bug吗?是否有适用于大多数浏览器的类似 Javascript 库?

【问题讨论】:

  • 您能发布其他人复制此代码所需的最少代码吗?没有代码就不可能说出发生了什么。

标签: javascript html css animation wow.js


【解决方案1】:

我的 App.js 如下所示。

import React, { Component } from 'react';
import 'bootstrap/dist/css/bootstrap.min.css';
import WOW from 'wowjs/dist/wow.js';
import './Animate.css';
import './App.css';
import {
  Route,
  withRouter,
  Switch
} from 'react-router-dom';

class App extends Component {
  componentDidMount(){
    new WOW.WOW().init();
  }
  
      return (
        <Layout className="app-container">
          <AppHeader isAuthenticated={this.state.isAuthenticated}
            currentUser={this.state.currentUser}
            onLogout={this.handleLogout} />

              <Content className="app-content">
              <div className="middle-content">
                    <div className="description col-3 wow bounceIn animated" data-wow-duration="2s" data-wow-delay="1s"><h1>WE OFFER 100%</h1><h3>MONEY BACK GUARANTEE</h3>
                    <p>on all our quality products with hassle - free returns.
                    We believe you will be completely satisfied with your purchase.</p>
                    </div>
                    <div className="app-content-img fadeInRight animated">
                      <img src={require("./3.png")} />
                    </div>
              </div>

它只适用于 IE。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-03-16
    • 2016-05-20
    • 1970-01-01
    • 2014-01-23
    • 2018-03-16
    • 2019-02-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多