如果滚动速度很快，淡入淡出闪烁

Question

当我从顶部滚动超过145像素时，该脚本会淡入元素中。

$(window).scroll(function(){ 

if ($(this).scrollTop() > 145) { 
$('#fademenu').fadeIn(); 
} 
else { 
$('#fademenu').fadeOut(); 
} 

}); 

工作正常。唯一的问题是，当我快速滚动到顶部，然后返回到顶部（等等）时，在我停止滚动（执行所有淡入/淡出）后，它也会继续淡入淡出。我该如何处理这个问题（防止连续淡入/淡出）？ DEMO

Answer 1

您必须每次清除jQuery动画队列。尝试这个。

$(window).scroll(function(){ 

if ($(this).scrollTop() > 145) { 
$('#fademenu').stop().fadeIn(); 
} 
else { 
$('#fademenu').stop().fadeOut(); 
} 

});