Wow.js在桌面上可以正常运行,但是问题出在移动设备上。带有animate.css动画的内容将在该内容已超出设备屏幕后加载,然后跳回到不在初始视图范围内的第一个内容,并立即加载所有内容,显示0个动画。
这是我的标题:
<script src='https://www.google.com/recaptcha/api.js?hl=bs'></script>
<script defer src="/js/fontawesome-all.js"></script>
<script src="/js/jquery.min.js"></script>
<script src="/js/popper.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/custom.js"></script>
<script src="/js/wow.min.js"></script>
<script>new WOW().init();</script>
这是我要制作动画的示例之一:
<div class="section-1 animated fadeInLeft delay-5 wow">