如何用Intersection Observer实现流畅的滚动动画？

还记得那些年我们为了实现一个简单的“元素进入视口就淡入”的效果，不得不死磕 `window.onscroll` 吗？那时候的代码写起来简直像是在走钢丝，稍微不注意就会把主线程卡得死死的，用户体验geng是惨不忍睹。那种因为频繁计算位置导致的页面抖动，至今想起来还让我头皮发麻。好在Web API 的演进总是Neng给我们带来惊喜，今天我们要聊的主角——Intersection Observer

查看更多 2026-04-22