Javascript 在IE11中创建图像序列动画的问题

我正在使用Skrollr.js设置图像序列的动画。我从该站点处理图像序列的方式中获得灵感，并构建了一些脚本来帮助我将一系列图像自动写入DOM。然后，我使用Skrollr更改

显示：none至<代码>显示：在按键滚动位置阻止

。我的脚本在发送一个完整的事件之前预加载所有的图像，然后初始化Skrollr并允许交互

因此，基本上我有一个

包含了以下内容：

<img src="seq-000.png" data-0-top="display:block;" data-50-top="display:none;">
<img src="seq-001.png" data-0-top="display:none;" data-50-top="display:block;" data-100-top="display:none;">
<img src="seq-002.png" data-50-top="display:none;" data-100-top="display:block;" data-150-top="display:none;">
...

...

现在，这在Chrome和FireFox中运行得很好（很自然），但是InternetExplorer11在第一次滚动页面时似乎出现了渲染图像的问题。换句话说，当我第一次加载页面并滚动图像时，图像会闪烁到位，就像它们没有被预加载一样，但随后的滚动动画非常好。就像IE11没有将图像渲染到内存中一样，因此第一次显示任何图像时，屏幕的绘制速度会有延迟

我认为斯克罗尔不是问题所在。也许我应该使用一些神奇的CSS设置

有没有人有任何制作图像序列的技巧，这样即使在Internet Explorer中，它们每次看起来都非常平滑

---

谢谢

嘿，有没有找到解决办法？同样的问题…不，很不幸。这个项目被终止了，所以我从来没有进入最后的问答阶段，在那里我必须找到一个解决方案。有趣的是，我使用了这个插件，它似乎通过更新src来处理图像序列。它在IE11中一直工作得很好，因此可能值得检查代码并从中获得灵感。另外，我上一次使用的滚动站点我们切换到了。我对那个图书馆有了更多的控制权。对不起，我帮不上什么忙了。祝你好运2年后你能回答这个问题真是太好了：-）。谢谢，我会深入研究这些Lib的。