如何在滾動時停止動畫？

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>