Javascript JQuery matchMedia。滚动不工作？

我试图让我的网站上的标志褪色时，我滚动，但只有当它在媒体查询中宽：992px。这段代码可以在加载时工作，但不能在调整窗口大小时工作，而且我也不太清楚哪里出了问题

$(document).ready(function(){
});

//Large Screen Check Scroll Event
var screenSize = window.matchMedia("(min-width: 992px)");
scrollFade(screenSize);
scrollFade.addListener(screenSize);

function scrollFade(screenSize){
   if (screenSize.matches){ // if media query matches
     $(window).scroll(function(){
       $(".logo").css("opacity", 1 - $(window).scrollTop() / 600);
     });//do the thing
  }
}

addListener（）

是向后的。相反，该函数应附加到matchMedia变量，如：

screenSize.addListener（滚动淡入淡出）


如果用户更改了窗口大小，使其不再与以前的窗口大小匹配，您可能还希望停止滚动事件。为此，您可以添加
else
语句并添加：

$（窗口）.off（'scroll'）

添加侦听器（）的
addListener（）是向后的。相反，该函数应附加到matchMedia变量，如：

screenSize.addListener（滚动淡入淡出）


如果用户更改了窗口大小，使其不再与以前的窗口大小匹配，您可能还希望停止滚动事件。为此，您可以添加
else
语句并添加：

$（窗口）.off（'scroll'）

谢谢！我曾尝试切换事件侦听器，认为这是问题所在，但从未将其切换回去。else的声明肯定是我遗漏的。谢谢！我曾尝试切换事件侦听器，认为这是问题所在，但从未将其切换回去。else的陈述肯定是我遗漏的。