wow.js结合animate.css实现滚动页面触发animate动画效果

animate.css

http://www.swiper.com.cn/

wow.js

https://wowjs.uk/docs.html

https://github.com/graingert/wow

https://download.csdn.net/download/tang05709/10427059

引入animate和wow

<link href="css/swiper-4.2.6.min.css" rel="stylesheet" />

<link href="css/animate.min.css" rel="stylesheet" />

<script src="js/swiper-4.2.6.min.js"></script>
<script src="js/swiper.animate1.0.3.min.js"></script>

<script src="js/wow.min.js"></script>

在需要的节点dom上使用class

<div class="ani wow animated fadeInUp contact-form mt30" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s">

</div>

然后初始化wow

new WOW().init();