一起使用滾動和調整大小處理程序

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