如何在滚动时停止动画？

【问题标题】：How to stop Animation on scrolling?如何在滚动时停止动画？
【发布时间】：2018-07-31 16:03:51
【问题描述】：

当我向下滚动页面时，滚动时会出现三个框，这是完美的。但是当我向上滚动页面时，这三个框消失了，我必须再次向下滚动才能显示这些框。我只想为框设置一次动画，如果我向上滚动页面，这些框不应该消失。

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

【问题讨论】：

请创建一个 jsfiddle 而不是发布您自己的网站链接

标签： javascript jquery css animation jquery-animate

【解决方案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>

【讨论】：

但我想把它放在不同的“div”中，是否有可能不同的“div”？