質問編集履歴
8
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
### 発生している問題
|
|
6
|
-
現在のコードでは繰り返しスクロールしても上記のようにして出てきます。しかし私は、２回目以降のスクロールは、繰り返したくないのですが、JSにどのようなコードを追記したら良いのかわかりません。```
|
|
6
|
+
現在のコードでは繰り返しスクロールしても上記のようにして出てきます。しかし私は、２回目以降のスクロールは、繰り返したくないのですが、JSにどのようなコードを追記したら良いのかわかりません。初回と回にには何入れたら良いのでしょうか？```
|
|
7
7
|
|
|
8
8
|
https://webdesignday.jp/inspiration/technique/3636/の最後にもう少しアニメーションを付け足しましたの一番下のサンプルを参考にして自分でちゃんとそこまでできました。しかし2回目以降は、スクロールしてもずっと表示されっぱなしがまだできていません。そこの部分は調べても出てきてくレませんでした。
|
|
9
9
|
|
7
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
https://webdesignday.jp/inspiration/technique/3636/の最後にもう少しアニメーションを付け足しましたの一番下のサンプルを参考にして自分でちゃんとそこまでできました。しかし2回目以降は、スクロールしてもずっと表示されっぱなしがまだできていません。そこの部分は調べても出てきてくレませんでした。
|
|
9
9
|
|
|
10
10
|
どの部分がスペルミスになっていますか？
|
|
11
|
+
そのコードどこにjsのどこに付け足したら良いのでしょうか？
|
|
11
12
|
```
|
|
12
13
|
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, article, figure, figcaption, footer, header, menu, nav, section {
|
|
13
14
|
margin: 0;
|
6
title
CHANGED
|
File without changes
|
body
CHANGED
|
File without changes
|
5
文章付け足し
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -7,6 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
https://webdesignday.jp/inspiration/technique/3636/の最後にもう少しアニメーションを付け足しましたの一番下のサンプルを参考にして自分でちゃんとそこまでできました。しかし2回目以降は、スクロールしてもずっと表示されっぱなしがまだできていません。そこの部分は調べても出てきてくレませんでした。
|
|
9
9
|
|
|
10
|
+
どの部分がスペルミスになっていますか？
|
|
10
11
|
```
|
|
11
12
|
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, article, figure, figcaption, footer, header, menu, nav, section {
|
|
12
13
|
margin: 0;
|
4
文章修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
### 発生している問題
|
|
6
|
-
現在のコードでは
|
|
6
|
+
現在のコードでは繰り返しスクロールしても上記のようにして出てきます。しかし私は、２回目以降のスクロールは、繰り返したくないのですが、JSにどのようなコードを追記したら良いのかわかりません。```
|
|
7
7
|
|
|
8
8
|
https://webdesignday.jp/inspiration/technique/3636/の最後にもう少しアニメーションを付け足しましたの一番下のサンプルを参考にして自分でちゃんとそこまでできました。しかし2回目以降は、スクロールしてもずっと表示されっぱなしがまだできていません。そこの部分は調べても出てきてくレませんでした。
|
|
9
9
|
|
3
調べたところ追記しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -5,9 +5,8 @@
|
|
|
5
5
|
### 発生している問題
|
|
6
6
|
現在のコードでは何度もスクロールしても上記のようにして出てきます。しかし私は、２回目以降のスクロールは、スクロールしてもずっと表示されっぱにしたいのですが、JSにどのようなコードを追記したら良いのかわかりません。```
|
|
7
7
|
|
|
8
|
+
https://webdesignday.jp/inspiration/technique/3636/の最後にもう少しアニメーションを付け足しましたの一番下のサンプルを参考にして自分でちゃんとそこまでできました。しかし2回目以降は、スクロールしてもずっと表示されっぱなしがまだできていません。そこの部分は調べても出てきてくレませんでした。
|
|
8
9
|
|
|
9
|
-
|
|
10
|
-
|
|
11
10
|
```
|
|
12
11
|
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, article, figure, figcaption, footer, header, menu, nav, section {
|
|
13
12
|
margin: 0;
|
2
問題点を追記しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,8 +1,13 @@
|
|
|
1
|
+
### 前提・実現したいこと
|
|
1
|
-
|
|
2
|
+
スクロールして画面指定位置で要素をアニメーションさせるものを作っています。詳しく言うと、スクロールすると画像や見出しと文字が太いラインが横スライドしてから、それらが出てきます。また文章Pは同時にフェードインして出てきます。
|
|
2
3
|
|
|
3
4
|
|
|
5
|
+
### 発生している問題
|
|
6
|
+
現在のコードでは何度もスクロールしても上記のようにして出てきます。しかし私は、２回目以降のスクロールは、スクロールしてもずっと表示されっぱにしたいのですが、JSにどのようなコードを追記したら良いのかわかりません。```
|
|
4
7
|
|
|
5
8
|
|
|
9
|
+
|
|
10
|
+
|
|
6
11
|
```
|
|
7
12
|
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, article, figure, figcaption, footer, header, menu, nav, section {
|
|
8
13
|
margin: 0;
|
|
@@ -144,6 +149,9 @@
|
|
|
144
149
|
```
|
|
145
150
|
|
|
146
151
|
|
|
152
|
+
|
|
153
|
+
|
|
154
|
+
|
|
147
155
|
```<!doctype html>
|
|
148
156
|
<html>
|
|
149
157
|
<head>
|
|
@@ -245,6 +253,7 @@
|
|
|
245
253
|
<!--flex-bet-->
|
|
246
254
|
</section>
|
|
247
255
|
</section>
|
|
248
|
-
|
|
256
|
+
</head>
|
|
257
|
+
</html>
|
|
249
258
|
コード
|
|
250
259
|
```
|
1
問題点を追記しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,9 +1,8 @@
|
|
|
1
|
-
ページ開いた最初の１回だけスクロールして出てくるようにしたいです。
|
|
1
|
+
ページ開いた最初の１回だけスクロールして出てくるようにしたいです。２回目以降のスクロールはずっと表示されっぱなしにしたいのですが、そのやり方がわかりません。わかりましたでしょうか？
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
5
|
|
|
6
|
-
|
|
7
6
|
```
|
|
8
7
|
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, ul, li, article, figure, figcaption, footer, header, menu, nav, section {
|
|
9
8
|
margin: 0;
|