LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

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

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

使用触发器、固定、跟随滚动、批处理、吸附和自定义滚动容器创建滚动驱动动画。

标签

更新于: 2026-10-04

能力

典型输入

典型输出

该技能可以做什么

  • 注册 ScrollTrigger 插件
  • 将动画关联到滚动
  • 配置触发起止位置
  • 在滚动期间固定元素
  • 让动画跟随滚动进度
  • 批量处理滚动回调
  • 集成自定义滚动容器
  • 创建独立触发器

输入

  • GSAP 和 ScrollTrigger 脚本
  • 目标选择器或元素
  • ScrollTrigger 配置
  • 滚动容器
  • 动画或时间线

输出

  • 滚动联动动画
  • 固定定位的元素
  • 滚动触发的回调
  • 批量回调效果
  • 自定义滚动容器同步

要求

  • 可用的 GSAP
  • 可用的 ScrollTrigger 插件
  • 浏览器滚动环境
  • 修改目标元素的权限

来源

  • 规范: SKILL.md
GSAP
ScrollTrigger
滚动动画
视差
固定定位
跟随滚动
注册 ScrollTrigger 插件
将动画关联到滚动
配置触发起止位置
在滚动期间固定元素
GSAP 和 ScrollTrigger 脚本
目标选择器或元素
ScrollTrigger 配置
滚动联动动画
固定定位的元素
滚动触发的回调