用途:把滚动作为叙事手段而非单纯导航,构建滚动驱动的沉浸式网页体验。
主要能力:滚动驱动动画、视差叙事、交互叙事、电影感网页体验、滚动触发揭示、进度指示、粘性区块、滚动吸附。
使用方式:可选用 GSAP ScrollTrigger(复杂动画)、Framer Motion(React 项目)、Locomotive Scroll(平滑滚动加视差)、Lenis(仅平滑滚动)、CSS scroll-timeline(原生简单场景)。GSAP 需注册插件:gsap.registerPlugin(ScrollTrigger),并通过 scrollTrigger 配置 trigger、start、end、scrub、pin 等参数;视差按层速区分背景 0.2x、中景 0.5x、前景 1.0x 等;粘性区块可用 CSS position: sticky 或 GSAP pin。
适用场景:产品功能演示、前后对比、分步流程、图片画廊、叙事型落地页。
限制与注意:避免滚动劫持(保留用户自然滚动控制)、避免动画过载、避免仅面向桌面端;移动端应简化效果、优先移动端设计与真实设备测试、保证可访问性;防止滚动卡顿、移动端视差失效、动画遮挡关键内容。
其他信息(如收费、具体平台)暂未提供。