Библиотека AOS работает только частично, как это испрвить?

Question

[Queen2]

Сначала на странице работают анимации но когда опускаемся ниже элементов не видно, они просто не появляются, хотя data-aos="fade-up" прописан у всех.
Заметил что они работают как бы наоборот, как только пользователь перестает видит элемент, он появляется, когда скролит к нему, то они с анимацией исчезает.
В чем может быть проблема такой частичной не работы анимации?

Answer 1

[Queen2]

Проблема была из-за появляющихся элементов, AOS думал что элемент на котором висит анимация появляется раньше и показывал его соответственно когда пользователь еще не доскролил до нужного элемента.
Решил все это фиксированной высотой для появляющихся элементов.

Answer 2

[ungten]

window.addEventListener("scroll", () => {
AOS.refresh();
});
решил проблему у меня