LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

gsap-scrolltrigger - 使用 GSAP 构建滚动联动动画

实现 GSAP ScrollTrigger 的滚动联动动画、固定、擦洗、触发器、批处理和自定义滚动容器功能。

标签

更新于: 2026-10-04

能力

典型输入

典型输出

该技能可以做什么

  • 注册 ScrollTrigger
  • 将动画绑定到滚动
  • 在滚动时固定元素
  • 将动画进度绑定到滚动
  • 配置滚动触发器
  • 批量处理触发回调
  • 代理自定义滚动器
  • 刷新触发器计算

输入

  • GSAP 补间动画或时间线
  • 触发器选择器或元素
  • ScrollTrigger 配置
  • 可滚动容器
  • 自定义滚动库

输出

  • 滚动联动的动画变化
  • 元素固定状态
  • 滚动触发的回调事件
  • 批量动画更新

要求

  • 带有 ScrollTrigger 的 GSAP
  • 浏览器滚动环境
  • 使用前注册插件

来源

  • 规范: SKILL.md
GSAP
ScrollTrigger
滚动动画
视差
固定
擦洗
注册 ScrollTrigger
将动画绑定到滚动
在滚动时固定元素
将动画进度绑定到滚动
GSAP 补间动画或时间线
触发器选择器或元素
ScrollTrigger 配置
滚动联动的动画变化
元素固定状态
滚动触发的回调事件