WOW.js не поддерживает Chrome 68.0.3440.106 - PullRequest
0 голосов
/ 27 августа 2018

Я использовал wow.js и animate.css в своем проекте. Я добавил атрибут wow, например 'data-wow-delay = "2s". Тем не менее, он работает в IE, но не в Chrome версии 68.0.3440.106. На самом деле анимационная часть работает, но ничего не происходит. Это ошибка в WOW? Существуют ли подобные библиотеки Javascript, которые подходят для большинства браузеров?

1 Ответ

0 голосов
/ 28 августа 2018

мой 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.

...