如何使GIF动画仅在滚动？

Question

我正在构建一个Wordpress网站，其中包含了一个动画GIF，我试图让GIF只有在用户滚动时才有动画。

这个页面基本上已经准备好了-- http://www.fi1000.com/wp/，- but，如果它只是在窗口滚动上动画的话，GIF会工作得更好。

我只是在想，有没有人会想到用jQuery或CSS3来解决这个问题呢？不寻找GIF去做任何事情，除非用户正在滚动，否则不要动。

我用来在滚动轴上移动GIF位置的插件叫做Skrollr https://github.com/Prinzhorn/skrollr

感谢您的阅读！

Answer 1

您可以使用javascript并在静止时显示静态图像，然后在onScroll事件期间切换到动画图像。