本课程介绍如何利用用户的滚动行为来动态更改 div 内两个跨度的不透明度。第二个跨度位于 div 的底部，并在第一个跨度之后淡入，具有粘性行为。我们使用 JavaScript 精确控制不透明度过渡点，以便用户可以流畅地滚动效果。在产生视觉上吸引人的基于滚动的效果的同时，Intersection Observer 和模块化 JavaScript 函数 等方法有助于实现最佳速度。