Javascript 重新调整窗口大小无效

我试图使下面的函数仅在屏幕大小大于

1024px

时运行

//Fade elements on scroll
var divs = $('.fader');
$(window).on('scroll', function() {
    var st = $(this).scrollTop();
    divs.css({ 'opacity' : (1 - st/400) });
});

所以我这样做了：

$(window).resize(function(){
    var width = $(window).width();
    if(width < 1024)
    {
        //Fade elements on scroll
        var divs = $('.fader');
        $(window).on('scroll', function() {
            var st = $(this).scrollTop();
            divs.css({ 'opacity' : (1 - st/400) });
        });
    }
});

$（窗口）。调整大小（函数（）{
变量宽度=$（窗口）.width（）；
如果（宽度<1024）
{
//卷轴上的淡入淡出元素
var divs=$（'.fader'）；
$（窗口）.on（'scroll'，function（）{
var st=$（this.scrollTop（）；
css分区（{'opacity'：（1-st/400）}）；
});
}
});

但它不起作用！我做错了什么？

检查这是否有效

$(document).ready(function() {

 var divs = $('.fader');

 function scroll(width)
 {
   $(window).on('scroll', function() {
      if(width>1024)
      {
        var st = $(this).scrollTop();
        divs.css({ 'opacity' : (1 - st/400) });
      }
   });     
 }

  $(window).resize(function(){
     var width = $(window).width();
     scroll(width);
   });  
});

这样做：

var divs = $('.fader');
$(window).on('scroll', function() {
    if ($(window).width() >= 1024) return;
    var st = $(this).scrollTop();
    divs.css({ 'opacity' : (1 - st/400) });
});

---

不要将滚动事件放在调整大小事件中，滚动时检查窗口宽度，并采取相应的行动。