intersectionObserverについて調べていますー終

お疲れ様です。

昨晩投稿した内容の続きですが、今朝起きて現在のコードをちょっと書き換えてみたところ動きました
何が違ったのかについては以下の通りです。

昨日投稿したもの↓

// 監視設定
const history = new IntersectionObserver(History);

history.observe(document.querySelector('#history'));

改善したもの↓

// 監視設定
const history = new IntersectionObserver(History);

history.observe(document.querySelector('.work-main'));

ということで、単純に「どこを監視するのか」の範囲指定が間違っていました…笑

訂正前は、アニメーションさせたいタグを含む、親要素のIDを指定していましたが、それだと、アニメーションだけでなくその下に続いている文章も指定した秒数後に、パッと現れる動作になっていて、おかしーなーと思っていたところでした。

そこで、IDじゃなくてクラスなのでは…と思い、試しに書き換えたところ動作しました！
親要素ではなく、アニメをつけたいh2タグのクラスでよかったようです。
また勉強になりました。

試しに、昨日の投稿で出てきた、root や rootMargin を使ってのアニメーションもやってみようと思います！