ポートフォリオサイトを作成しているのですが、固定テキストの一部の色を変えたいのですが、どうすればよいでしょうか？コードが大きすぎて長いため投稿できませんが、コード例を示していただければ幸いです。これは次のようなものです (https://olaolu.dev)。ボタンとボタンがどのように機能するかがわかります。名前はスクロール中に色を変更します:)
P.js を使用してください、ありがとう!
情報を探してみましたが、何も見つかりませんでした:(
あなたに必要なのは交差点監視員だと思います。 Intersection Observer を使用すると、ターゲットを「確認」し、ターゲットが可視になったときに反応することができます。
これを示すために小さな例を作成しました。私たちは 第 2 セクション を監視しています。表示されたら色を紫に変更します。見えなくなったら黒に戻します。
第 2 セクション
もちろん、複数のセクションを観察したり、JS でスタイルを設定する代わりにクラスを変更したりすることもできます。これは単なる単純な例です...
MDN には、Intersection Observers
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
あなたに必要なのは交差点監視員だと思います。 Intersection Observer を使用すると、ターゲットを「確認」し、ターゲットが可視になったときに反応することができます。
これを示すために小さな例を作成しました。私たちは
第 2 セクションを監視しています。表示されたら色を紫に変更します。見えなくなったら黒に戻します。もちろん、複数のセクションを観察したり、JS でスタイルを設定する代わりにクラスを変更したりすることもできます。これは単なる単純な例です...
MDN には、Intersection Observers
に関する有益な情報があります。