При прокрутке сверху найти странное поведение

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'); 
}