質問編集履歴
4
修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -12,11 +12,11 @@
|
|
|
12
12
|
|
|
13
13
|
<div class="box">
|
|
14
14
|
|
|
15
|
-
<section class="hoge">
|
|
15
|
+
<section class="hoge"><img src="hoge.jpg" class="sa"></section>
|
|
16
16
|
|
|
17
|
-
<section class="hoge">
|
|
17
|
+
<section class="hoge"><img src="hoge.jpg" class="sa"></section>
|
|
18
18
|
|
|
19
|
-
<section class="hoge">
|
|
19
|
+
<section class="hoge"><img src="hoge.jpg" class="sa"></section>
|
|
20
20
|
|
|
21
21
|
</div>
|
|
22
22
|
|
3
誤字
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -126,7 +126,7 @@
|
|
|
126
126
|
|
|
127
127
|
```
|
|
128
128
|
|
|
129
|
-
このようにheight:100vhを取ると動いたのでここが原因かと思うのですが、そこを取ると今度は画面にピタッと
|
|
129
|
+
このようにheight:100vhを取ると動いたのでここが原因かと思うのですが、そこを取ると今度は画面にピタッと収まらなくなってしまいます。
|
|
130
130
|
|
|
131
131
|
|
|
132
132
|
|
2
試したことの追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -1,3 +1,11 @@
|
|
|
1
|
+
## 前提・実現したいこと
|
|
2
|
+
|
|
3
|
+
スクロールでセクションごとに要素を止めることと、フェードインパララックスを同時に使用したい
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
## 発生している問題
|
|
8
|
+
|
|
1
9
|
100vhのセクションごとに画面内に止まる動きをさせたく、
|
|
2
10
|
|
|
3
11
|
```html
|
|
@@ -102,7 +110,7 @@
|
|
|
102
110
|
|
|
103
111
|
|
|
104
112
|
|
|
105
|
-
試したこと
|
|
113
|
+
## 試したこと
|
|
106
114
|
|
|
107
115
|
```CSS
|
|
108
116
|
|
1
自分で試したこと
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -99,3 +99,27 @@
|
|
|
99
99
|
window.addEventListener('scroll', scrollAnimationFunc);
|
|
100
100
|
|
|
101
101
|
```
|
|
102
|
+
|
|
103
|
+
|
|
104
|
+
|
|
105
|
+
試したこと
|
|
106
|
+
|
|
107
|
+
```CSS
|
|
108
|
+
|
|
109
|
+
.box{
|
|
110
|
+
|
|
111
|
+
overflow: auto;
|
|
112
|
+
|
|
113
|
+
scroll-snap-type: y mandatory;
|
|
114
|
+
|
|
115
|
+
/*height: 100vh;*/
|
|
116
|
+
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
```
|
|
120
|
+
|
|
121
|
+
このようにheight:100vhを取ると動いたのでここが原因かと思うのですが、そこを取ると今度は画面にピタッと治らなくなってしまい困っております。
|
|
122
|
+
|
|
123
|
+
|
|
124
|
+
|
|
125
|
+
ご教示よろしくお願いいたします。
|