ProjectsSeptember 6, 2026

Apple — 滚动叙事怎么拆

image
Apple 的产品页大概是把"滚动"当时间轴用得最熟练的地方。 它的实现思路是:把一整段动画切成固定帧,滚动位置映射到帧序号,再用 requestAnimationFrame 做插值。所以你停在哪,画面就停在哪,永远不会"追帧"。 代价是资源重:一页能有几百张图。这也是为什么它只在大屏、且带宽足够时才启用,小屏直接换成静态图。

Related projects

Stripe — 渐变与信息密度

Stripe — 渐变与信息密度

rauno.me — 交互细节的密度

rauno.me — 交互细节的密度

Vercel — 暗色系的对比度控制

Vercel — 暗色系的对比度控制

Bruno Simon — 3D 站点的性能取舍

Bruno Simon — 3D 站点的性能取舍