JS库之wow.js使用方法

  

近日,在做项目中,需要做到滚动条滑到某个位置时,才能显示动画,网上查询到有个wow.js可以达到要求,现在把使用方法做如下总结:

  

wow.js演示地址

  

wow.js的github地址

  

使用方法真是超简单~ ~

  

需要配合Animated.css使用

  

  

1。引用wow.js或者wow.min。js和animate.css

  

 JS库之wow.js使用方法

  

2。在需要用到这个效果的元素上面添加类=巴踗adeInUp”和data-wow-delay=?”,具体所表示的含义在下图中有说明

  

 JS库之wow.js使用方法

  

3。初始化wow.js

  

 JS库之wow.js使用方法

  

代码如下:

        & lt; script>   哇=new哇({   animateClass:“动画”,   });   wow.init ();   & lt;/script>      

  

以上所述是小编给大家介绍的年代库之wow.js使用方法,希望对大家有所帮助,如果大家有任何疑问请给我留的言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

JS库之wow.js使用方法