如果滾動速度很快，淡入淡出閃爍

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(); 
} 

});