用途：当页面需要呈现为滚动驱动的产品故事，而非静态营销版式时，用 GSAP ScrollTrigger 作为主要编排层，实现粘性分区、渐进式界面揭示、固定场景、随滚动擦洗的时间线以及段落间的沉浸式过渡。
主要能力：单个滚动段落可揭示新的产品状态、功能层、数据视图、设备框或流程步骤；文案、UI 面板、截图、叠加层与背景氛围作为一条编排序列同步运动；可绘制边框、淡入控件、滑入面板、数值递增、高亮区域与状态切换。
实现要点：主叙事用 GSAP 时间线配合 ScrollTrigger 的 scrub，普通 tween 仅用于入场或悬停；用 pin: true 固定长内容段落，并用时间线标签对应每个场景；优先动画 transform 与 opacity，少用布局属性，will-change 按需使用；React 中用 gsap.context() 并在卸载时清理，以正确销毁 ScrollTrigger；图片、字体或异步内容影响段落高度或固定偏移时，加载后刷新 ScrollTrigger；用 matchMedia() 等断点让桌面端粘性编排在窄屏上简化。
运动模式：固定主产品框并分步更新旁白；分层揭示标签、叠加层、面板与状态；段落交接时用缩放、遮罩、模糊或位移过渡；用 scrub 平滑、quickSetter/quickTo 或插值实现指针跟随与滚动响应细节；用前景/背景视差、轻微镜头移动、压暗层、遮罩与焦点变化制造景深。
可调参数：固定时长按内容密度增减；scrub 可直接或带缓动以适配技术讲解或电影感；揭示密度按 UI 复杂度调整；强过渡仅留给段落交接。
避免：无叙事节拍地每次滚动都触发无关动画；固定段落困住读者过久或显得页面损坏；在擦洗场景中动画宽高与 top/left 等布局属性；特效降低文字对比、遮挡 CTA 或掩盖产品界面；组件卸载或路由切换后遗留 ScrollTrigger。
适用场景：滚动驱动的产品故事、功能演示、数据视图或设备界面展示。
限制：资料未提供安装命令、依赖版本、代码示例、浏览器兼容范围与收费信息。