Using scroll and resize handlers together

Question

Can I use resize and scroll handlers together like this:

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

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

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

 }

}) ;

The way I used , is it the correct way, what are the implications of this ? Is there a better way to incorporate both the handlers ? Thanks for your reply. Please let me know if you need a simulation of the above code. Thank you !

Answer 1

do this

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