ウインドウサイズ変更後に処理するjs

TIPS 0 Takuya Kobayashi

var timout;
window.addEventListener( ‘resize’, function(){
  clearTimeout(timeout);
  timout = setTimeout(function(){
    //処理内容
  },300);
});

「//処理内容」の所にlocation.reload();を入れるとウィンドウサイズ変更後にリロードされるが、スマホではスクロールするたびにリロードしてしまう。

スマホでウインドウサイズ変更後のリロードが不要なら、横幅を取って分岐させる。

↓PC(幅737px以上)のみウインドウサイズ変更後にリロード

var timout;
window.addEventListener( ‘resize’, function(){
  clearTimeout(timeout);
  timout = setTimeout(function(){
    if( window.innnerWidth > 736 ) { location.reload(); }
  },300);
});