このレッスンでは、ユーザーのスクロール動作を利用して、div 内の 2 つのスパンの不透明度を動的に変更する方法を説明します。 2 番目のスパンは div の下部に配置され、最初のスパンの後にフェードインします。これはスティッキーな動作をします。 JavaScript を使用して不透明度の遷移ポイントを正確に制御し、ユーザーにとってエフェクトがスムーズにスクロールできるようにします。視覚的に魅力的なスクロールベースの効果を生成しながら、交差点オブザーバー やモジュール式のJavaScript 関数 などのメソッドは、最適な速度の達成に役立ちます。