JS庫之wow.js使用方法

近日，在做項目中，需要做到滾動條滑到某個位置時，才能顯示動畫，網上查詢到有個wow.js可以達到要求，現在把使用方法做如下總結：

wow.js演示地址

wow.js的github地址

使用方法真是超簡單~~

需要配合Animated.css使用

方法如下：

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

　　2.在需要用到這個效果的元素上面添加class="wow fadeInUp" 和 data-wow-delay=".1s"，具體所表示的含義在下圖中有說明

　　3.初始化wow.js

　　代碼如下：

　<script>
　　wow = new WOW({
 　　animateClass: ‘animated‘,
 });
 wow.init();
　　</script>

總結

以上所述是小編給大家介紹的S庫之wow.js使用方法，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com