質問編集履歴
8
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
### 発生している問題
|
|
10
10
|
|
|
11
|
-
現在のコードでは繰り返しスクロールしても上記のようにして出てきます。しかし私は、２回目以降のスクロールは、繰り返したくないのですが、JSにどのようなコードを追記したら良いのかわかりません。```
|
|
11
|
+
現在のコードでは繰り返しスクロールしても上記のようにして出てきます。しかし私は、２回目以降のスクロールは、繰り返したくないのですが、JSにどのようなコードを追記したら良いのかわかりません。初回と回にには何入れたら良いのでしょうか？```
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
7
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -18,6 +18,8 @@
|
|
|
18
18
|
|
|
19
19
|
どの部分がスペルミスになっていますか？
|
|
20
20
|
|
|
21
|
+
そのコードどこにjsのどこに付け足したら良いのでしょうか？
|
|
22
|
+
|
|
21
23
|
```
|
|
22
24
|
|
|
23
25
|
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, article, figure, figcaption, footer, header, menu, nav, section {
|
6
test
CHANGED
|
File without changes
|
test
CHANGED
|
File without changes
|
5
文章付け足し
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -16,6 +16,8 @@
|
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
19
|
+
どの部分がスペルミスになっていますか？
|
|
20
|
+
|
|
19
21
|
```
|
|
20
22
|
|
|
21
23
|
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, article, figure, figcaption, footer, header, menu, nav, section {
|
4
文章修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
|
|
9
9
|
### 発生している問題
|
|
10
10
|
|
|
11
|
-
現在のコードでは
|
|
11
|
+
現在のコードでは繰り返しスクロールしても上記のようにして出てきます。しかし私は、２回目以降のスクロールは、繰り返したくないのですが、JSにどのようなコードを追記したら良いのかわかりません。```
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
3
調べたところ追記しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,9 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
https://webdesignday.jp/inspiration/technique/3636/の最後にもう少しアニメーションを付け足しましたの一番下のサンプルを参考にして自分でちゃんとそこまでできました。しかし2回目以降は、スクロールしてもずっと表示されっぱなしがまだできていません。そこの部分は調べても出てきてくレませんでした。
|
|
16
|
-
|
|
17
|
-
|
|
18
16
|
|
|
19
17
|
|
|
20
18
|
|
2
問題点を追記しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,4 +1,14 @@
|
|
|
1
|
+
### 前提・実現したいこと
|
|
2
|
+
|
|
3
|
+
スクロールして画面指定位置で要素をアニメーションさせるものを作っています。詳しく言うと、スクロールすると画像や見出しと文字が太いラインが横スライドしてから、それらが出てきます。また文章Pは同時にフェードインして出てきます。
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### 発生している問題
|
|
10
|
+
|
|
1
|
-
|
|
11
|
+
現在のコードでは何度もスクロールしても上記のようにして出てきます。しかし私は、２回目以降のスクロールは、スクロールしてもずっと表示されっぱにしたいのですが、JSにどのようなコードを追記したら良いのかわかりません。```
|
|
2
12
|
|
|
3
13
|
|
|
4
14
|
|
|
@@ -290,6 +300,12 @@
|
|
|
290
300
|
|
|
291
301
|
|
|
292
302
|
|
|
303
|
+
|
|
304
|
+
|
|
305
|
+
|
|
306
|
+
|
|
307
|
+
|
|
308
|
+
|
|
293
309
|
```<!doctype html>
|
|
294
310
|
|
|
295
311
|
<html>
|
|
@@ -492,7 +508,9 @@
|
|
|
492
508
|
|
|
493
509
|
</section>
|
|
494
510
|
|
|
495
|
-
|
|
511
|
+
</head>
|
|
512
|
+
|
|
513
|
+
</html>
|
|
496
514
|
|
|
497
515
|
コード
|
|
498
516
|
|
1
問題点を追記しました。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
ページ開いた最初の１回だけスクロールして出てくるようにしたいです。
|
|
1
|
+
ページ開いた最初の１回だけスクロールして出てくるようにしたいです。２回目以降のスクロールはずっと表示されっぱなしにしたいのですが、そのやり方がわかりません。わかりましたでしょうか？
|
|
2
|
-
|
|
3
|
-
|
|
4
2
|
|
|
5
3
|
|
|
6
4
|
|