JQuery resize/load/scroll

JQueryで、ウィンドウサイズを変えたときに動作を発動したいケースを調べていました。 

//画面サイズを変えたときにイベント発動

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

  //処理

});

 

resizeを使う、これだけでした。

ちなみに、画面を更新したとき、スクロールしたときに動作を発動させたいならそれぞれ下記。

//画面をリロードしたときにイベント発動

$(window).on('load', function(){

  //処理

}); 

 

//画面スクロールしたときにイベント発動

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

  //処理

});

また、上の3パターンのうちどれかが発生したときに、同じ動作をさせたいなら

//画面リサイズ・リロード・スクロール時にイベント発動

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

  //処理

});

今回、一番びっくりしたのは、↑のコードをVSCodeから直接見た目を変えずにコピーペーストできたことです。。。