关于wow.js的相关使用及常见问题

最新推荐文章于 2022-12-15 21:50:03 发布

Celeste of jesus

最新推荐文章于 2022-12-15 21:50:03 发布

阅读量544

点赞数

分类专栏： css JS/jQuery

本文链接：https://blog.csdn.net/Celeste_ming/article/details/114022238

版权

JS/jQuery 同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

css

4 篇文章 0 订阅

订阅专栏

wow.js正常使用，必要的页面代码

<!DOCTYPE html>  //必要

<link rel="stylesheet" href="https://www.huatu.com/images/2015css/css/animate.css">//必要

<h3  class="wow flipInY"  style="display:block; margin-bottom:800px">第一屏文字</h3>
<h3  class="wow flipInY"  style="display:block; margin-bottom:800px">第二屏文字</h3>

<script src="https://www.huatu.com/images/2015css/js/wow.min.js"></script>//必要

<script>new WOW().init();</script>  //必要，通常这一句JS写在index.js 文件里

常见问题① ：元素没有动态效果
一般原因：wow.js没有初始化，加上 <script>new WOW().init();</script> 即可

常见问题② ：只有首屏元素有动态效果
一般原因：每个需要动效的元素class里，多了 animate 属性，去掉即可

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Celeste of jesus

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
关于wow.js的相关使用及常见问题

wow.js正常使用，必要的页面代码<!DOCTYPE html> //必要<link rel="stylesheet" href="https://www.huatu.com/images/2015css/css/animate.css">//必要<h3 class="wow flipInY" style="display:block; margin-bottom:800px">第一屏文字</h3><h3 class="wow fl
复制链接

扫一扫