gsap-plugins - 使用 GSAP 插件实现交互动画
指导注册和使用 GSAP 插件，实现滚动、布局过渡、拖拽、文本、SVG、物理效果、缓动和开发工具功能。
标签
更新于: 2026-10-07能力
典型输入
典型输出
该技能可以做什么
- 注册 GSAP 插件
- 动画化滚动位置
- 平滑原生滚动
- 动画化布局过渡
- 启用拖拽交互
- 应用惯性运动
- 规范化手势输入
- 拆分文本元素
- 配置 SVG 插件
- 配置物理插件
- 配置缓动插件
输入
- GSAP 插件导入
- 目标 DOM 元素
- 滚动容器
- 动画配置
- 项目动画代码
输出
- 已注册的插件状态
- 动画化的滚动位置
- 平滑滚动行为
- 动画化的布局过渡
- 可拖拽界面行为
- 惯性运动
- 规范化的手势回调
- 拆分后的文本标记
- SVG 动画
- 物理动画
- 缓动动画
要求
- GSAP 运行时
- 相关 GSAP 插件
- 浏览器 DOM 环境
- ScrollSmoother 所需的 ScrollTrigger
- 拖拽惯性所需的 InertiaPlugin