css 如何正确使用WOW.JS?

e37o9pze  于 12个月前  发布在  其他
关注(0)|答案(1)|浏览(98)

我做了他们在“如何使用”部分所说的所有事情。添加了它的JS代码(我选择使用CDN)和示例(class=“wow bounce”)。但它什么也没做。浏览,我找到了一个解决方案(从here添加.wow {visibility:hidden})。好吧,有一个解决方案,但它不在wow.js页面或github自述中。我如何正确使用它?
下面是我wow.js相关代码:

<body>
...
<div class="wow bounce">...</div>
...
<script type="text/javascript" src="https://cdn.boomcdn.com/libs/wow-js/1.3.0/wow.js">
</script>
<script>new WOW().init();</script>
</body>

字符串

11dmarpk

11dmarpk1#

这也难倒了我。答案取决于你是否使用animate.css版本4或更新版本。
如果您使用的是https://animate.style/的最新版本,则需要进行一些更改。

new WOW().init();

字符串
成为

new WOW({animateClass: 'animate__animated'}).init();


当将动画类附加到DOM元素时,类名现在应该以animate__为前缀。而不是像<img class="wow fadeInUp">这样的东西,你会有<img class="wow animate__fadeInUp">

相关问题