javascript - 如果滚动很快，fadeIn 和 fadeOut 会闪烁

Question

我有这个脚本，当我从顶部滚动超过 145 像素时，它会淡入一个元素。

$(window).scroll(function(){

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

});

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

Answer 1

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

$(window).scroll(function(){

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

});