
页面滚动时动态为元素添加class的jQuery插件

代码简介
jquery.scrollAnimations是一款页面滚动时动态为元素添加class的jQuery插件。它结合animate.css来使用,可以为元素进入浏览器视口时添加炫酷的动画特效。
浏览器兼容
Chrome、 Opera、 Safari、Opera、IE9+
使用方法
1. 引入文件:
<scripttype="text/javascript"src="jquery.min.js"></script>
<scripttype="text/javascript"src="jquery.scrollAnimations.js"></script>
2. html:
<sectiondata-animation-container>
<divclass="container">
<divclass="row">
<divclass="col-sm-6"
data-animation-childdata-animation="fadeInUp"
data-animation-delay="0ms">
[Something to animate in]
</div>
<divclass="col-sm-6"
data-animation-childdata-animation="fadeInUp"
data-animation-delay="500ms">
[Something else to animate in]
</div>
</div>
</div>
</section>
3. 代码初始化:
var$containers = $('[data-animation]:not([data-animation-child]), [data-animation-container]');
$containers.scrollAnimations();