如何在用户向下滚动图像之前延迟.gif图像?

时间:2018-03-27 08:36:27

标签: html css

我在我的html页面中添加了一个gif图像,但是当我加载页面时,它在最后一部分立即工作我想要一种方法暂停或停止它直到用户向下滚动并使其工作

1 个答案:

答案 0 :(得分:0)

假设您正在使用动画gif,我认为有一种叫做“延迟加载”的内容。可以帮到你。从本质上讲,这不会加载图像,直到它在视图中。

通常使用延迟加载来使页面加载更快。但在你的情况下,它可能会阻止你的动画播放在它之前。

使用javascript完成延迟加载图像,您可以使用此jQuery插件:http://luis-almeida.github.io/unveil/

我希望这会对你有所帮助。