Javascript 在滚动顶部时发现一种奇怪的行为

我正在尝试设置菜单栏（固定位置）的动画，当其向下滚动时，不透明度应更改为0.6，当scrollTop（）返回0时，不透明度应为1

当我向下滚动时，它工作正常，但当我滚动到顶部时，有时代码工作，有时不透明度保持在0.6

$(document).ready(function(){ 
    $(window).scroll(function(){ 
        if($(window).scrollTop() > 0){
            $('.navbar').animate({opacity:0.6});
        }
        if($(window).scrollTop()  <= 0){
            $('.navbar').css('opacity','1');
        }
    });
});

$（文档）.ready（函数（）{
$（窗口）。滚动（函数（）{
如果（$（窗口）.scrollTop（）>0）{
$（'.navbar'）.animate（{opacity:0.6}）；
}
如果（$（窗口）.scrollTop（）尝试

if ( $(window).scrollTop() > 0) 
{
    $('.navbar').animate({opacity:0.6}); 
}    
else 
{ 
    $('.navbar').css('opacity','1'); 
}