动画用固定标题闪烁，如何停止？

Question

我有一个固定的标题，并希望在徽标上制作淡入淡出动画，但是当我滚动它闪烁时，我在Jquery文档中看到了.stop（）和.finish（），但是不知道如何实现它在滚动功能中。

Here is the fiddle:

http://jsfiddle.net/n25dw0qq/8/

（抱歉我的英语不好）。

谢谢！

Answer 1

问题在于每次滚动动画都会被触发。确保只触发一次动画。

一种简单的方法是添加一个变量来跟踪动画状态。

var wasAnimated = false;

if (!wasAnimated) {
   $('#myimage').fadeOut('fast', function() {
       // Do something else
   });
   wasAnimated = true;
}

我更新了your fiddle。看看吧。

更好的解决方案是更改应用程序逻辑，仅在某个窗口偏移位置触发动画。例如，在Y = 37时。不要将$(this).scrollTop() > 0用于此目的。