Javascript JQuery闪烁div？使用.promise（）帮助

我试图创建一个固定的导航栏，当用户滚动时它会淡出，当用户不滚动时它会变得不透明，但是我不知道当用户停止滚动时如何触发fadeTo命令。我已经到处玩了，搜索了

.promise（）

，但我不知道确切的用法。我是JS/JQuery的新手，正在进行一个学校项目

JQuery:

$(window).scroll(function() {
    $("#top").fadeTo(300, 0.5);
    $("#top").fadeTo(300, 1);
});

#顶部

是导航栏

非常感谢您的帮助，请尝试解释您的答案，因为这有助于我学习

---

谢谢，拉克兰。

当鼠标滚动时，创建计时器，如果在花费时间后页面没有滚动，则显示目标元素

var定时器；
$（窗口）。滚动（函数（）{
清除超时（计时器）；
计时器=设置超时（函数（）{
美元（“#nav”）.fadeIn（“快速”）；
}, 500);
美元（“#nav”）。淡出（“快速”）；
});
正文{
高度：1000px；
位置：相对位置；
}
#导航{
宽度：100%；
高度：50px；
位置：固定；
顶部：0px；
背景：绿色；
}
当鼠标滚动时，创建计时器，如果花费时间后页面没有滚动，则显示目标元素


var定时器；
$（窗口）。滚动（函数（）{
清除超时（计时器）；
计时器=设置超时（函数（）{
美元（“#nav”）.fadeIn（“快速”）；
}, 500);
美元（“#nav”）。淡出（“快速”）；
});
正文{
高度：1000px；
位置：相对位置；
}
#导航{
宽度：100%；
高度：50px；
位置：固定；
顶部：0px；
背景：绿色；
}