LogoClawIndex
案例技能关于
LogoClawIndex

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

使用 GSAP ScrollTrigger 实现滚动驱动动画,包括触发器、固定、滚动同步、批处理和自定义滚动容器集成。

标签

更新于: 2026-10-04

能力

典型输入

典型输出

该技能可以做什么

  • 创建滚动触发器
  • 滚动时固定元素
  • 将动画同步到滚动
  • 批量处理触发回调
  • 集成自定义滚动容器
  • 配置触发回调

输入

  • 滚动动画需求
  • DOM 元素或选择器
  • 滚动容器配置
  • 自定义滚动器接口

输出

  • 滚动联动动画
  • 固定的页面元素
  • 滚动触发的回调
  • 批量动画更新
  • 自定义滚动器同步

要求

  • GSAP 库
  • ScrollTrigger 插件
  • JavaScript 运行环境
  • 浏览器滚动环境

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
GSAP
ScrollTrigger
滚动动画
视差
固定定位
滚动同步
网页动画
创建滚动触发器
滚动时固定元素
将动画同步到滚动
批量处理触发回调
滚动动画需求
DOM 元素或选择器
滚动容器配置
滚动联动动画
固定的页面元素
滚动触发的回调