除非我放大/退出，否则AOS动画不会触发

Question

正如标题中所述，我的AOS动画不会触发任何东西，除非我放大或缩小，打开控制台或调整浏览器的大小。当动画未被触发时，我的页面仍然显示内容，但我显然更喜欢动画是否正常工作。我将在下面提供我的代码片段，如果有人可以发现任何错误或有此问题的经验，请让我知道我如何可以添加一个修复。泰伊提前了。

 <div
          className="flex flex-col md:flex-row justify-center items-center mt-20"
          data-aos="fade-in"
          data-aos-duration="1200"
        >
          <div className="text-center md:text-left pb-4 px-8">
            <h2 className="text-2xl text-gray-600">Lorem ipsum</h2>
            <h2 className="text-base text-gray-700">
            Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum.
            </h2>
          </div>
          <img
            src={profiles}
            class="w-4/5 md:w-1/2 lg:w-1/3 mx-8 shadow-md hover:shadow-lg trans-3"
          />
        </div>

Answer 1

不知道，找到了解决办法。对于将来有类似问题的人，我补充道：

<script>
 window.addEventListener("load", Aos.refresh);
</script>

我的HTML文件的顶部，这似乎解决了问题。