SKILL

scroll-animation

使用 GSAP、ScrollTrigger、SplitText 和 Lenis 平滑滚动构建滚动驱动动画——包括显现、固定区块、横向滚动、视差、擦洗时间线、文字效果——适用于原生 JS、React、Next.js、Vue/Nuxt 或 Astro，并包含正确的初始化、清理和响应式回退。当用户提到 GSAP、ScrollTrigger、Lenis、平滑滚动、视差、固定、擦洗、“animasi saat scroll”、横向滚动或滚动叙事时使用。

机器翻译

查看英文原文

Build scroll-driven animations with GSAP, ScrollTrigger, SplitText and Lenis smooth scroll — reveals, pinned sections, horizontal scroll, parallax, scrubbed timelines, text effects — in vanilla JS, React, Next.js, Vue/Nuxt, or Astro, with correct setup, cleanup and responsive fallbacks. Use whenever the user mentions GSAP, ScrollTrigger, Lenis, smooth scroll, parallax, pin, scrub, "animasi saat scroll", horizontal scroll, or scroll storytelling.

适用对象：设计与内容创作。自动收录 · 待核查。

在 Claude Desktop 中使用

该组合的专门教程待补充，尚未核实适配。

准备条件

本条仅收录原作者的技能元数据；请阅读完整说明，确认依赖、许可与使用条件。

选择已有说明的 AI 工具，或在页面加载后保存待办及提出教程请求。

查看原作者说明 ↗