如何在滚动时停止动画？

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>