1

当我向下或向上滚动时，我想从头开始“重新启动”一个 gif，然后回到视图中。

例如，我的页面加载，动画开始 -> 我向下或向上滚动 -> 我回到带有 gif 的 div，gif 已被重置。

我在codepen中找到了这个很棒的js，当我滚动到顶部并返回时效果很好，但是当我向下滚动并返回时不起作用。

https://codepen.io/anon/pen/aWvagO?editors=0010 代码如下所示：

$(window).scroll(function() {

  var current = $(this).scrollTop(),
  path = '//cdn.pbrd.co/images/5QABxgAp7.gif',
  visible = $('img').css('opacity') != 0;

  if (current > 200) {
  if (!visible) $('img').attr('src', path).fadeTo(400,1);
  }
  else if (visible) $('img').fadeTo(0,0);
});

有没有一种简单的方法可以让它工作并像这样保持代码简单？

非常感谢

4

1 回答 1

0

我可能为时已晚，这可能是一个糟糕的解决方案。但是，我通过有两个重复的 gif 并在“重新启动”gif 时在两者之间交替解决了类似的问题。这在需要时无缝地重新启动了 gif，从技术上讲，它是相同的 gif。希望这有帮助，祝你好运！

于 2018-06-05T14:21:33.650 回答