淡出固定導航欄向下滾動時，淡入當頁面頂部

我在瀏覽器窗口的頂部有一個固定的導航，當我向下滾動時淡入淡出，當我滾動時淡入回到頂部。淡出固定導航欄向下滾動時，淡入當頁面頂部

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

});

它消失時，我向下滾動，但是當我回到頂端它每次不褪色英寸它很奇怪。

來源

2012-01-14 pumpalarumpa

試試這個。我希望它沒有測試雖然

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

});

來源

2012-01-14 21:36:29 ShankarSangoli

感謝您的快速回復。不幸的是，這並沒有解決問題，它似乎採取了相同的方式。你可以看看[這裏]（http://jsbin.com/ezaxuf）。 – pumpalarumpa 2012-01-14 22:05:26

@pumplarumpa - 我只是看到它按預期工作。 – ShankarSangoli 2012-01-14 22:10:50

它只有時有效。當您在閱讀電子郵件時向下滾動時，我想要實現與gmail中的行爲相同的行爲，頂部欄會獲得一個小小的陰影，並立即生效。我的解決方案沒有。 – pumpalarumpa 2012-01-14 22:30:34

淡出固定導航欄向下滾動時，淡入當頁面頂部

回答

相關問題