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

fadeIn and fadeOut flickering if scrolling is fast

本文关键字：滚动 速度 很快 如果 淡出 闪烁 淡入      更新时间：2023-09-26

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

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

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

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

$(window).scroll(function(){
if ($(this).scrollTop() > 145) {
$('#fademenu').stop().fadeIn();
}
else {
$('#fademenu').stop().fadeOut();
}
});
相关文章：