javascript - 一起使用滚动和调整大小处理程序

Question

我可以像这样一起使用调整大小和滚动处理程序吗:

$(window).on('scroll resize',function(){

  if($(window).width() == "1024"){

           if($(window).scrollTop() == 400){
               $('div.foo').addClass('red') ; //to change to red color
            }           

 }

}) ;

我使用的方法是否正确，这有什么影响？有没有更好的方法来合并这两个处理程序？感谢您的回复。如果您需要模拟上述代码，请告诉我。谢谢!

Answer 1

这样做

var handler = function(){
    if ($(window).width() == "1024") {
      if ($(window).scrollTop() == 400) {
        $('div.foo').addClass('red') ; //to change to red color
      }           
    }           
  };

$(window).on('scroll',handler).on('resize',handler);