如果滚动速度很快，则fadeIn和fadeOut闪烁

Question

我有这个脚本，当我从顶部滚动超过145px时会在元素中淡入。

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

});