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

Question

我在浏览器窗口的顶部有一个固定的导航，当我向下滚动时淡入淡出，当我滚动时淡入回到顶部。

$(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); 

}); 

它消失时，我向下滚动，但是当我回到顶端它每次不褪色英寸它很奇怪。

Answer 1

试试这个。我希望它没有测试虽然

$(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); 

});