gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-12-03 02:28:06 29 4
gpt4 key购买 nike

我正在尝试将 Michalsnik 的 Animate On Scroll 插件实现到我的 WordPress 网站中。但是,当我按照指示使用“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: '移动'});函数到我的脚本以激活它(但在移动设备上禁用它)

这是带有 anchor 的网页链接。第一篇文章是空白的,但它应该在滚动时淡入。

http://latelierdegaia.ch/#content

我是否错过了安装步骤?我还做错了什么吗?

非常感谢!

最佳答案

好吧,经过 3 个小时的代码修改,我找到了解决方案!

我的错误是,我添加了

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

在标题中,

之间
<head></head>

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

之间
<body> </body>

标签。

其余的一切我都做对了。万岁!

关于javascript - 在 WordPress 中实现 AOS 会使目标元素变为空白而不是淡入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48852408/

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com