如何防止滚动动画aos库添加多个滚动事件？

编程问答 2022-06-01

问题描述

当我检查 getEventListeners(window) 时，我在我的 React 应用程序上使用滚动动画来添加动画；在第一页渲染上有 2 个（1，因为我在我的标题上添加了），然后我切换到另一个页面，我得到 5 个滚动事件，对于我更改的每个页面，我得到 +3 个滚动事件，我确保检查我在组件卸载时从标题中删除了滚动，所有其他滚动事件都有 FunctionLocation: aos.js:1

我在我的 App.js 上使用这样的 AOS：

import AOS from "aos";
import "aos/dist/aos.css";
AOS.init({ once: true,duration: 600 });

然后在每个元素上使用 data-aos 应用动画，例如：

<h2 className="title" data-aos="fade-right">Newsletter</h2>

我做错了吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

aos.jsjavascriptreactjsreactjsreactjsreactjs