如图:主要包括三个文件
一、引入三个文件
1. jquery.singlePageNav.min.js
2.wow.min.js
3.animate.min.css
二、js部分
第一个插件主要是singlePageNav()这个方法
$('.nav').singlePageNav({
offset : 70
});
wow这个需要实例化一下
new WOW().init();
然后在任何需要产生动画的元素里加上class "wow 动画名" 动画名参考
animate.css
例如
<div class="col-md-6 wow fadeInLeft">
还可以加入一些延迟等效果属性
<div class="wow slideInLeft" data-wow-duration="2s" data-wow-delay="5s"></div>
<div class="wow slideInRight" data-wow-offset="10" data-wow-iteration="10"></div>