这是东西，我有3个gif，每个gif都是动画的一部分
<img src="images/carEnters.gif" id="enter">
<img src="images/carLeaves.gif" id="exit">
<img src="images/tireTracksDissappear.gif" id="delete">
当scrollTop达到某个值时，即当它们将在其中显示div时，将显示这些gif。但是，我只希望动画发生一次，这意味着我不想重复动画。然后，如果usar向下滚动，则我想让汽车离开的gif播放（也是一次），完成后，我要播放最后的gif。我完全不知道这是否有可能，控制它们从scrollTop开始的时间，以及在特定时间暂停动画。我尝试使用freezeframe，但对我而言不起作用。
想法是在滚动到该部分时创建汽车到达的效果，并且当您离开时，汽车也会离开。任何想法或建议将不胜感激
更新
我不能让它只循环一次，因为这样的想法是，如果用户向后滚动，则汽车应该能够再次进入（或重新启动动画，我不知道是否只能使用一个循环来完成。 ）。主要问题是...如何检测第一个gif何时结束以及如何激活第二个gif ...如何链接它们，使其看起来像一个动画
最佳答案
您可以制作一个不会循环播放，只播放一次的gif：GIMP Tutorial。任何优质的图像包（免费或其他）均应能够做到这一点。也许您可以打开现有的gif并重新保存它们而无需循环？
关于javascript - 如何控制gif？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38506986/