如何在网站的当前视口/屏幕上为gif制作动画

时间:2015-10-06 05:20:23

标签: javascript jquery css viewport gif

我正在构建一个网站,我使用的是一些gif文件,但是只要页面加载,gif就会开始制作动画。当用户滚动到特定的gif部分,即当前视口时,我希望它们触发。请参阅示例:http://www.invisionapp.com/

我搜索了整个互联网,但无法获得最简单的doint方式。任何有任何想法的人请协助。

2 个答案:

答案 0 :(得分:0)

你可以做的是使用两个图像,一个是静态的,一个是动画的。因此,当用户滚动目标时,在您的案例视口中,然后使用动画gif图像替换静态图像。

答案 1 :(得分:0)

您共享的网站使用的是lazyload。只会以滚动方式加载图像/视频。

有关一些lazyload替代方法,请参考以下内容:

- How to lazy load natively

- Vanilla lazy load library on Github