我正在使用Skrollr.js为图像序列设置动画。我从http://moto.oakley.com网站处理图像序列的方式中获取灵感，并构建了一些脚本来帮助我自动将一系列图像写入DOM。然后，我使用Skrollr将关键滚动位置的display:none;更改为display:block。我的脚本在调度完整事件之前预先加载所有图像，然后我初始化Skrollr并允许交互。
所以，基本上我有一个<div>包含有一堆这些：
<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中运行得很好（当然），但Internet Explorer 11似乎在第一次滚动页面时渲染图像时出现问题。换句话说，当我第一次加载页面并滚动图像时，它们就像没有预加载一样闪烁到位，但随后的滚动动画完全没问题。就像IE11没有将图像渲染到内存中一样，因此第一次显示图像时，屏幕的绘制速度会有延迟。
我认为Skrollr不是问题所在。也许我应该使用一些神奇的CSS设置。
有没有人提供制作图像序列的技巧，以便每次都能在Internet Explorer中看起来非常流畅？！
谢谢！