javascriptで、ウィンドウ幅が変わったときに、再描画させる方法がわからない。

ブロック要素に雪を降らせるjavascriptを設置しようと試しています。
ほぼ、やりたいことはできたのですが。
現在の状態だと、ウィンドウの横幅が変わったときに
（例えば最大化から最小化したとき）
ウィンドウ幅を変更する前の雪の量が残っているので
あまり綺麗になりません。

ウィンドウ幅が変わったときに再描画するようにしたいのですが、
現在のjavascriptに、どのようなコードを追加すればよいでしょうか。
ご指南お願いします。

試行中のページURL

javascript
1snowFall.snow(
2  document.querySelectorAll(".fall"),
3  {
4    shadow : true,
5    flakeCount:140,
6    //image : "fall/snow.png",
7    minSize: 5,
8    maxSize:16,
9    shadow : false,
10    maxSpeed : 1,
11  }); //雪の量と画像の指定

HTML
1<!DOCTYPE html>
2<html lang="ja">
3
4<head>
5<title>Title</title>
6    <meta charset="UTF-8">
7    <meta name="description" content="">
8    <meta name="keywords" content="">
9    <script src=".js" type="text/javascript"></script>
10    <link href=".css" rel="stylesheet" type="text/css" media="screen,print">
11
12<style>
13.fall {position:absolute; top:100px; width:100%; height:200px;border:1px solid black;}
14</style>
15
16</head>
17<body style="background-color:#666666;">
18<div style="width:200px; height:300px;">
19あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>あ<br>
20</div>
21<div>
22<div class="fall">
23<script src='snowfall.min.js'></script>
24<script src="snowfall.jquery.min.js"></script>
25<script src="snowfall.setting.js"></script>
26</div>
27</div>
28
29
30</body>
31
32</html>

行動規範の内容に同意します

回答1件

ベストアンサー

javascript
1
2window.addEventListener('resize',function(e){
3  console.log(e.type);
4});
5

投稿2017/11/21 04:09

yambejp

総合スコア114843

penguin520

2017/11/21 06:05

ありがとうございます。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

javascriptで、ウィンドウ幅が変わったときに、再描画させる方法がわからない。

関連した質問