javascript - 在 wordpress 中实现 AOS 使目标元素变为空白而不是淡入

Question

我正在尝试在我的 wordpress 网站中实现 Michalsnik 的 Animate On Scroll 插件。但是，当我按照指示使用“data-aos”制作以下 div 时，元素变为空白而不是淡入。

<div class="textbox center branch-bg" data-aos="fade" data-aos-duration="600">
Immergez-vous
</div>

这就是我尝试安装的方式：

1）我添加了

<link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">

和

<script src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>

到我的头文件以加载 CSS 和 Javascript。

2) 我添加了
AOS.init({disable: 'mobile'}); 功能到我的脚本以激活它（但在移动设备上禁用它）

这是带有锚点的网页链接。第一篇文章是空白的，尽管它应该在滚动时淡入。

我错过了安装中的步骤吗？我做错了什么吗？

太感谢了！

score 1 · Accepted Answer

好的，经过 3 小时的代码干预，我找到了解决方案！

我的错误是，我在添加

<script>
AOS.init();
</script>

在标题中，在

<head></head>

标签，实际上我应该在正文的开头添加它

<body> </body>

标签。

其余的我都做对了。欢呼！

1 回答 1