gsap-scrolltrigger - 使用 ScrollTrigger 构建滚动联动动画
使用 GSAP 创建滚动联动动画,包括触发器、固定、平滑跟随、批处理、吸附和自定义滚动容器集成。
标签
更新于: 2026-10-04能力
典型输入
典型输出
该技能可以做什么
- 注册 ScrollTrigger 插件
- 创建滚动触发器
- 将动画绑定到滚动
- 滚动期间固定元素
- 平滑跟随滚动进度
- 批量处理触发回调
- 集成自定义滚动容器
- 吸附动画进度
- 刷新触发器位置
- 处理触发器回调
输入
- GSAP 库
- ScrollTrigger 插件
- DOM 选择器或元素
- 动画和触发器配置
- 滚动容器
- 自定义滚动库
输出
- 滚动联动动画状态
- 固定的元素
- 批量回调执行结果
- 更新后的元素类名
- ScrollTrigger 标记
- 自定义滚动容器同步状态
要求
- JavaScript 浏览器环境
- 可用的 GSAP
- 可用的 ScrollTrigger
- 完成插件注册
