javascript - 如何在滚动时停止动画？

Question

当我向下滚动我的页面时，三个框出现在滚动上，这是完美的。但是当我向上滚动我的页面时，这三个框消失了，我将不得不再次向下滚动以显示这些框。我只想给盒子设置一次动画，如果我向上滚动页面，那些盒子不应该消失。

链接在这里 http://www.shahfahad.com/scrol/demo/scrol.html

Answer 1

在div上设置所有框

<div class="aos-item" data-aos="fade-up">
      <div class="aos-item" data-aos="fade-right">
        <div class="aos-item__inner"><h3>42</h3></div>
      </div>
      <div class="aos-item" data-aos="fade-left">
        <div class="aos-item__inner"><h3>42</h3></div>
      </div>

      <div class="aos-item" data-aos="fade-up">
        <div class="aos-item__inner"><h3>1</h3></div>
      </div>
</div>