スクロール中に文字の色を変更する

Question

ポートフォリオサイトを作成しているのですが、固定テキストの一部の色を変えたいのですが、どうすればよいでしょうか？コードが大きすぎて長いため投稿できませんが、コード例を示していただければ幸いです。これは次のようなものです (https://olaolu.dev)。ボタンとボタンがどのように機能するかがわかります。名前はスクロール中に色を変更します:)

P.js を使用してください、ありがとう!

情報を探してみましたが、何も見つかりませんでした:(

ああああ

Answer 1

あなたに必要なのは交差点監視員だと思います。 Intersection Observer を使用すると、ターゲットを「確認」し、ターゲットが可視になったときに反応することができます。

これを示すために小さな例を作成しました。私たちは 第 2 セクション を監視しています。表示されたら色を紫に変更します。見えなくなったら黒に戻します。

リーリー リーリー リーリー

もちろん、複数のセクションを観察したり、JS でスタイルを設定する代わりにクラスを変更したりすることもできます。これは単なる単純な例です...

MDN には、Intersection Observers

に関する有益な情報があります。