AOS - 如何在向上滚动时不再隐藏元素

Question

我在我的 Angular 项目中使用 aos 库，并将其附加到元素

<div data-aos="zoom-in"></div

它工作正常，但我的问题是，当我向上滚动时 - 元素消失，向下滚动 - 再次出现。

我认为这是 AOS 的默认行为，所以我的问题是 - 我该如何更改它？因此，当滚动到元素出现后的任意位置时，它会静态地停留在那里并且不会消失。

感谢您的每一个回答。

Answer 1

您可以使用如下属性

data-aos-once="true"

来避免元素在向上滚动时消失。

<div data-aos="zoom-in" data-aos-once="true"></div>

注意：使用

data-aos-once="true"

时，AOS效果只会起作用一次。