Scroll Experience 是一个面向构建沉浸式滚动驱动网页体验的技能，其角色定位为“滚动体验架构师”。它将滚动视为一种叙事手段，而不仅仅是页面导航，目标是在用户滚动过程中创造愉悦时刻，并强调在微妙动画与电影感效果之间做出权衡，同时兼顾性能与视觉冲击力。其核心主张是让网站像用户用拇指控制的电影。
主要能力包括：滚动驱动动画、视差叙事、交互式叙事、电影感网页体验、滚动触发揭示、进度指示器、粘性区块以及滚动吸附。
在滚动动画技术选型方面，技能给出库对比：GSAP ScrollTrigger 适合复杂动画、学习曲线中等；Framer Motion 适合 React 项目、学习曲线低；Locomotive Scroll 适合平滑滚动加视差、学习曲线中等；Lenis 仅用于平滑滚动、学习曲线低；CSS scroll-timeline 适合简单原生场景、学习曲线低。技能提供了三类实现示例：GSAP ScrollTrigger 基础滚动动画（registerPlugin、scrollTrigger 配置、scrub 联动）、Framer Motion 的 useScroll 与 useTransform 视差区块，以及 CSS 原生 2024+ 的 animation-timeline: view() 与 animation-range 写法。
在视差叙事方面，技能建议按层设置速度：背景 0.2x（远、慢）、中景 0.5x、前景 1.0x、内容 1.0x（保证可读）、浮动元素 1.2x（向前突出），并给出 GSAP 视差层代码示例。它建议按故事节奏组织页面：第1段钩子（满视口、强视觉）、第2段背景（文字加辅助视觉）、第3段旅程（视差叙事）、第4段高潮（戏剧性揭示）、第5段收束（行动号召或结论）。文字揭示手法包括滚动淡入、触发式打字机效果、逐词高亮，以及文字粘滞配合视觉切换。
在粘性区块方面，技能介绍 CSS sticky（容器设高度、元素 position: sticky 与 top: 0）、GSAP pin（pin: true、start、end、scrub 并在固定期间做动画），以及横向滚动区块（用 gsap.utils.toArray 取面板、xPercent 位移、pin 与动态 end）。适用场景包括产品功能演示、前后对比、分步流程和图片画廊。
技能明确列出反模式：一是滚动劫持，问题在于用户反感失去滚动控制、可访问性差、破坏返回按钮预期、移动端令人沮丧，建议增强滚动而非替代，保持自然滚动速度、使用 scrub 动画、允许正常滚动；二是动画过载，问题在于分散注意、性能下降、内容退居次要、用户疲劳，建议少即是多、只对关键时刻加动画、静态内容无妨、引导注意力而非淹没用户；三是仅桌面端体验，问题在于移动端占多数流量、触摸滚动不同、手机性能受限、体验不可用，建议移动优先、移动端简化效果、真机测试、优雅降级。
技能还列出需注意的尖锐问题及严重程度：滚动时动画卡顿（高）、视差在移动设备失效（高）、滚动体验不可访问（中）、关键内容被动画遮挡（中），并指向相应的修复主题。相关资料提及该技能可与 3d-web-experience、frontend、ui-design、landing-page-design 等技能配合使用。关于收费、价格、具体平台限制等事实，资料未提供。