滚动函数jquery

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

$(window).scroll(function () {  

   if(scrollY == 0){

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

   }

   if(scrollY > 0){

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

   }

 });

实际上，当我向下滚动时，页眉会不透明度，但当我在页面顶部向上滚动时，他永远不会回到不透明度：1。

---

为什么？

这可能是一个更好的方法。在将不透明度设置为

.5

之前，它会检查

#header

是否已设置动画

此外，它还将

#头

缓存在

滚动

处理程序外部的变量中。性能更好

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

var$header=$（'#header'）；
$（窗口）。滚动（函数（）{
如果（滚动0&&$header.is（'：非（：动画）'））{
$header.animate({
不透明度：.5
}, 1000);
}
});