LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

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

使用 GSAP 创建滚动联动动画,包括触发器、固定、平滑跟随、批处理、吸附和自定义滚动容器集成。

标签

更新于: 2026-10-04

能力

典型输入

典型输出

该技能可以做什么

  • 注册 ScrollTrigger 插件
  • 创建滚动触发器
  • 将动画绑定到滚动
  • 滚动期间固定元素
  • 平滑跟随滚动进度
  • 批量处理触发回调
  • 集成自定义滚动容器
  • 吸附动画进度
  • 刷新触发器位置
  • 处理触发器回调

输入

  • GSAP 库
  • ScrollTrigger 插件
  • DOM 选择器或元素
  • 动画和触发器配置
  • 滚动容器
  • 自定义滚动库

输出

  • 滚动联动动画状态
  • 固定的元素
  • 批量回调执行结果
  • 更新后的元素类名
  • ScrollTrigger 标记
  • 自定义滚动容器同步状态

要求

  • JavaScript 浏览器环境
  • 可用的 GSAP
  • 可用的 ScrollTrigger
  • 完成插件注册

来源

  • 规范: SKILL.md
GSAP
ScrollTrigger
滚动动画
视差
固定定位
平滑跟随
JavaScript
注册 ScrollTrigger 插件
创建滚动触发器
将动画绑定到滚动
滚动期间固定元素
GSAP 库
ScrollTrigger 插件
DOM 选择器或元素
滚动联动动画状态
固定的元素
批量回调执行结果