javascript - AOS（滚动动画）不能全屏工作

Question

我有一个网站，我在其中添加了AOS动画。

<div class="row-div">
    <div class="inner-row-div" data-aos="fade-up" data-aos-duration="1200" data-aos-easing="ease-in-out">
      <div class="teams" style="background-image: url('assets/images/sample.jpg');">
      </div>
      <div class="img-div">
            Sample Text<br>Sample Text
      </div>
    </div>
    <div class="inner-row-div" data-aos="fade-up" data-aos-duration="1000" data-aos-easing="ease-in-out">
       <div class="teams" style="background-image:url('assets/images/sample.jpg');">
       </div>
       <div class="img-div">
         sample<br>sample
       </div>
</div>

并在脚本标签中：

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

每当我最小化它开始工作的浏览器窗口时，但如果我刷新我的网站它永远不会工作，我也使用了最新CDN的和js

<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">

<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>