用途：让页面像高级编辑式故事一样随滚动逐步展开。适用于作品集、工作室、产品或落地页需要逐节揭示与层次纵深的场景。用户提到滚动叙事、滚动关联动画、吸顶卡片堆叠、视差、分字动画、预加载或电影式推进时使用。
主要能力：滚动驱动叙事、滚动关联动画（scrub）、滚动触发动画、错落揭示、渐进揭示、吸顶卡片堆叠、视差滚动、滚动擦洗、动态排版与预加载。目标质感为奢华编辑网站、高端创意工作室作品集、Apple 级动效、现代 Awwwards 交互语言、沉浸式电影感落地页；避免弹跳弹性动效、激进缩放跳变、游戏式炫技、过多同时滚动效果与难以阅读的滚动劫持。
必要用法：核心依赖安装命令为 npm i gsap lenis。需导入 Lenis、lenis 样式、gsap 与 ScrollTrigger 并注册插件；在 matchMedia 检测 prefers-reduced-motion 后，非减弱动效下创建 Lenis（lerp 0.08、smoothWheel、wheelMultiplier 0.9），将 lenis 的 scroll 事件连接至 ScrollTrigger.update，并用 gsap.ticker.add 驱动 lenis.raf，设置 gsap.ticker.lagSmoothing(0)，页面加载后调用 ScrollTrigger.refresh()。页面结构示例包括预加载条、带视差图与分字标题的 hero、逐字动态排版段落、吸顶卡片堆叠项目区及视差页脚。构建顺序建议：先静态页面，再加预加载与 hero 入场，随后分字揭示、分节揭示、吸顶卡片推进、视差层，仅在叙事需要处添加擦洗固定场景，最后补充减弱动效与触屏回退并做桌面与移动端 QA。
限制：内容需在禁用 JavaScript 时可读；减弱动效用户应看到静态内容且无平滑滚动层；滚动触发揭示只播放一次；吸顶卡片不得与页脚重叠或困住页面；视差移动需细微且不损害可读性；预加载即使图片加载慢也应可靠退出；图片、字体与布局变化后需运行 ScrollTrigger.refresh()；移动端性能下降时应简化或不固定。资料未提供收费与价格信息。