滚动顶部时发现一个奇怪的行为

Question

我正在尝试设置菜单栏（固定位置）的动画，当它向下滚动时，不透明度应该更改为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');
        }
    });
});

Answer 1

试

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