滚动功能jquery

Question

我有一个固定的标题。 我想改变的不透明度时，我向下滚动，恢复时，我向上滚动（在页面顶部） 我写下这个简单的脚本不透明度：

$(window).scroll(function() { 

    if(scrollY == 0){ 

    $("#header").animate({ 
    opacity: 1 
    }, 1000); 

    } 

    if(scrollY > 0){ 

    $("#header").animate({ 
    opacity: 0.5 
    }, 1000); 

    } 

}); 

居然头采取的不透明度时，我滚动但当我滚动页面的顶部，他永远不会回到不透明：1。 为什么？

Answer 1

这可能是更好的方法。在将不透明度设置为.5之前，它会检查#header是否已生成动画。

此外，它将#header缓存在scroll处理程序之外的变量中。性能更好。

var $header = $('#header'); 

$(window).scroll(function() { 

    if(scrollY <= 0){ 
     $header.animate({ 
      opacity: 1 
     }, 1000); 
    } 
    if(scrollY > 0 && $header.is(':not(:animated)')){ 
     $header.animate({ 
      opacity: .5 
     }, 1000); 
    } 
});