这就是事情，我有三个GIF，每个都做动画的一部分
<img src="images/carEnters.gif" id="enter">
<img src="images/carLeaves.gif" id="exit">
<img src="images/tireTracksDissappear.gif" id="delete">
当scrollTop达到某个值时，将显示这些gif，这将显示它们将在视口中显示的div。但是，我只希望动画发生一次，这意味着我不想重复它。然后，如果usar向下滚动，我想要汽车离开的gif（也是一次），在完成之后，我想要最后一个gif玩。我根本不知道这是否可行，以控制它们从scrollTop开始的那一刻并在特定时间暂停动画。我尝试使用freezeframe，但它对我不起作用。
当您滚动到该部分时，想法是创建汽车到达的效果，当您离开时，汽车也会离开。任何想法或建议将不胜感激
更新
我不能让它只循环一次，因为这个想法是如果用户向后滚动，汽车应该能够再次进入（或重新开始动画，我不知道是否只能用一个循环gif）。主要问题是......如何检测第一个gif何时结束以及如何激活第二个...如何链接它们使它看起来像一个动画
答案 0 :(得分：1)
你可以制作一个不循环的gif，但只播放一次：GIMP Tutorial。任何好的图像包（免费或其他）都应该能够做到这一点。也许你可以打开现有的GIF并重新保存它们而不需要循环？