Jquery 向下滚动时淡出固定导航栏，回到页面顶部时淡入

我在浏览器窗口的顶部有一个固定导航，我希望它在向下滚动时淡出，在向后滚动到顶部时淡入

$(function(){

var didScroll = false;
var topbar = $('.topbar');
var $window = $(window);

function fadeOutScroll(){
    if(didScroll){
        if($window.scrollTop()>40){
            topbar.animate({'opacity':'0.4'},'slow');   
        }else{ 
            topbar.animate({'opacity':'1'},'100');  
        }           
        didScroll = false;
    }       
}

$window.scroll(function(){
    didScroll = true;
});

window.setInterval(fadeOutScroll,50);

});

---

当我向下滚动时，它会消失，但当我回到顶部时，它不会每次都消失。它的行为很奇怪

试试这个。但我希望它能正常工作，而不是经过测试

$(function(){

var didScroll = false;
var scrollUp = false;
var topbar = $('.topbar');
var $window = $(window);

function fadeOutScroll(){
    if(didScroll){
        topbar.animate({'opacity':(scrollUp?'1':'0.4')},'100');  
        didScroll = false;
    }       
}

$window.scroll(function(){
    didScroll = true;
    scrollUp = ($window.scrollTop() < 40);
});

window.setInterval(fadeOutScroll,50);

});

$（函数（）{
var=false；
var scrollUp=false；
var topbar=$（'.topbar'）；
变量$window=$（window）；
函数fadeOutScroll（）{
如果（滚动）{
动画（{'opacity'：（scrollUp'1'：'0.4'）}，'100'）；
didcoll=false；
}       
}
$window.scroll（函数（）{
didcoll=true；
scrollUp=（$window.scrollTop（）<40）；
});
窗口设置间隔（衰减滚动，50）；
});

感谢您的快速回复。不幸的是，这并不能解决问题，它似乎也是这样。你可以看一看，它只在某些时候起作用。我想实现与gmail中相同的行为，当你在阅读电子邮件时向下滚动，顶部栏会有一个小方框阴影，它会立即工作。我的解决方案没有。