如何只在滚动上制作GIF动画？

Question

我正在构建一个包含动画GIF的Wordpress网站，我正在尝试让GIF在用户滚动时仅动画 。

该页面基本上已准备就绪 - http://www.fi1000.com/wp/ - 但如果GIF仅在窗口滚动上制作动画，则GIF会更好。

我只是想知道是否有人可能有想法实现这个jQuery或CSS3修复？除非用户正在滚动，否则不会寻找除不动画之外的任何内容的GIF。

我用来在滚动时使GIF移动位置的插件称为Skrollr https://github.com/Prinzhorn/skrollr

感谢阅读！

Answer 1

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