如何在滚动时停止动画？

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>