質問編集履歴
2
HTMLの追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -68,6 +68,36 @@
|
|
|
68
68
|
}
|
|
69
69
|
```
|
|
70
70
|
|
|
71
|
+
```html
|
|
72
|
+
<!DOCTYPE html>
|
|
73
|
+
<html Lang="ja">
|
|
74
|
+
<!-- Meta -->
|
|
75
|
+
<meta charset="UTF-8">
|
|
76
|
+
<title>テンプレート</title>
|
|
77
|
+
<!-- Script -->
|
|
78
|
+
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
|
|
79
|
+
rel="stylesheet">
|
|
80
|
+
<link href="static/css/bootstrap.min.css" rel="stylesheet">
|
|
81
|
+
<link href="static/css/style.css" rel="stylesheet">
|
|
82
|
+
<link href="static/css/style_sp.css" rel="stylesheet">
|
|
83
|
+
<script src="static/js/bootstrap.min.js"></script>
|
|
84
|
+
<script src="static/js/main.js"></script>
|
|
85
|
+
</head>
|
|
86
|
+
<body>
|
|
87
|
+
<div class="count-sec">
|
|
88
|
+
<div class="container">
|
|
89
|
+
<div class="item-data">
|
|
90
|
+
<span class="counted" data-num="100">0</span>万円
|
|
91
|
+
</div>
|
|
92
|
+
</div>
|
|
93
|
+
</div>
|
|
94
|
+
</body>
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
```
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
|
|
71
101
|
### 試したこと
|
|
72
102
|
|
|
73
103
|
参考にしたサイト一覧はこちらです。
|
1
誤字
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,17 +1,19 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
2
|
|
|
3
|
-
ウェブページで画面に入ったら数字をカウントアップさせるコードを書きたい。
|
|
3
|
+
ウェブページで画面に入ったら数字をカウントアップさせるコードを書きたいのですが、アニメーションがスタートしません。
|
|
4
4
|
|
|
5
|
-
### 発生している問題・エラーメッセージ
|
|
6
|
-
|
|
7
|
-
```
|
|
8
5
|
まず、カウントアップ自体は実現することが出来たのですが、それが画面の中に入ったときに発動する方法がわかりません。
|
|
9
6
|
カウントアップ自体は「.count」というクラスで操作しているのですが、画面に「.counted」が入ったとき「.count」を追加するというコードを書きました。
|
|
10
7
|
|
|
11
8
|
「.count」自体は正常に追加されているのですがカウントアップが始まりません。
|
|
12
9
|
|
|
13
|
-
発動条件に「.countが追加せれた時点で発動する」という条件を付けなければならないのか？と思い色々と試したのですが、javascriptはほぼ未経験のため分かりませんでした。
|
|
10
|
+
発動条件に「.countが追加せれた時点で発動する」という条件を付けなければならないのか？と思い色々と試したのですが、javascriptはほぼ未経験のため分かりませんでした。お力添えを頂ければ幸いです、、、
|
|
11
|
+
|
|
12
|
+
### 発生している問題・エラーメッセージ
|
|
13
|
+
|
|
14
14
|
```
|
|
15
|
+
・「.count」が追加されてもアニメーションが始まらない
|
|
16
|
+
```
|
|
15
17
|
|
|
16
18
|
### 該当のソースコード
|
|
17
19
|
|