質問編集履歴
4
修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -5,9 +5,9 @@
|
|
|
5
5
|
100vhのセクションごとに画面内に止まる動きをさせたく、
|
|
6
6
|
```html
|
|
7
7
|
<div class="box">
|
|
8
|
-
<section class="hoge">
|
|
8
|
+
<section class="hoge"><img src="hoge.jpg" class="sa"></section>
|
|
9
|
-
<section class="hoge">
|
|
9
|
+
<section class="hoge"><img src="hoge.jpg" class="sa"></section>
|
|
10
|
-
<section class="hoge">
|
|
10
|
+
<section class="hoge"><img src="hoge.jpg" class="sa"></section>
|
|
11
11
|
</div>
|
|
12
12
|
```
|
|
13
13
|
```CSS
|
3
誤字
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -62,6 +62,6 @@
|
|
|
62
62
|
/*height: 100vh;*/
|
|
63
63
|
}
|
|
64
64
|
```
|
|
65
|
-
このようにheight:100vhを取ると動いたのでここが原因かと思うのですが、そこを取ると今度は画面にピタッと
|
|
65
|
+
このようにheight:100vhを取ると動いたのでここが原因かと思うのですが、そこを取ると今度は画面にピタッと収まらなくなってしまいます。
|
|
66
66
|
|
|
67
67
|
ご教示よろしくお願いいたします。
|
2
試したことの追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
## 前提・実現したいこと
|
|
2
|
+
スクロールでセクションごとに要素を止めることと、フェードインパララックスを同時に使用したい
|
|
3
|
+
|
|
4
|
+
## 発生している問題
|
|
1
5
|
100vhのセクションごとに画面内に止まる動きをさせたく、
|
|
2
6
|
```html
|
|
3
7
|
<div class="box">
|
|
@@ -50,7 +54,7 @@
|
|
|
50
54
|
window.addEventListener('scroll', scrollAnimationFunc);
|
|
51
55
|
```
|
|
52
56
|
|
|
53
|
-
試したこと
|
|
57
|
+
## 試したこと
|
|
54
58
|
```CSS
|
|
55
59
|
.box{
|
|
56
60
|
overflow: auto;
|
1
自分で試したこと
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -48,4 +48,16 @@
|
|
|
48
48
|
}
|
|
49
49
|
window.addEventListener('load', scrollAnimationFunc);
|
|
50
50
|
window.addEventListener('scroll', scrollAnimationFunc);
|
|
51
|
-
```
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
試したこと
|
|
54
|
+
```CSS
|
|
55
|
+
.box{
|
|
56
|
+
overflow: auto;
|
|
57
|
+
scroll-snap-type: y mandatory;
|
|
58
|
+
/*height: 100vh;*/
|
|
59
|
+
}
|
|
60
|
+
```
|
|
61
|
+
このようにheight:100vhを取ると動いたのでここが原因かと思うのですが、そこを取ると今度は画面にピタッと治らなくなってしまい困っております。
|
|
62
|
+
|
|
63
|
+
ご教示よろしくお願いいたします。
|