回答編集履歴
1
追記
test
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
bgextendのCSSが微妙ですねとりあえずscroll-triggerに寄せれば良さそうです
|
|
2
|
+
あとはIntersectionObserverで交差を判断してクラスのつけ外しをしてください
|
|
3
|
+
（今回画面外に出たときには初期状態にもどしてあります）
|
|
2
4
|
```javascript
|
|
3
5
|
<style>
|
|
4
6
|
.love {
|
|
@@ -78,9 +80,9 @@
|
|
|
78
80
|
|
|
79
81
|
<div class="dummy"> </div>
|
|
80
82
|
<div class="scroll-trigger">
|
|
81
|
-
|
|
83
|
+
<div class="love">
|
|
82
|
-
|
|
84
|
+
<p>『愛してる』を、知りたいのです。</p>
|
|
83
|
-
|
|
85
|
+
</div>
|
|
84
86
|
</div>
|
|
85
87
|
<div class="dummy"> </div>
|
|
86
88
|
```
|