动画gif开始滚动

Question

我制作了4个GIF动画，我想让它们从用户的滚动开始。

我做的是用这个：

$(function () {
    var screen = $(".screen");
    $(window).scroll(function () {
        var scroll = $(window).scrollTop();

        if (scroll >= 1500) {
            screen.css('display','block');
        } else {
            screen.css('display','none');
        }
    });
});

我试图显示无，并通过滚动阻止GIF，它运作良好，问题是，当我显示阻止它时，gif不会从头开始，它从动画中间的某个地方开始。

当我显示阻止它时，我怎样才能使gif从第一帧开始？

非常感谢！

Answer 1

您的代码会隐藏并显示图像，但不会重新加载图像。 相反，你应该更新你的src属性，或简单地同样的图像。

$(this).attr("src",$(this).attr("src"))

One simple solution would be 

if (scroll >= 1500) {
   screen.attr('src',screen.attr('src')); // update its src, this reloads the img
} else {
   screen.css('display','none');
}