gsap-scrolltrigger - 使用 GSAP ScrollTrigger 构建滚动联动动画
使用触发器、固定、擦洗、批处理、回调和自定义滚动容器创建滚动驱动动画。
标签
更新于: 2026-10-04该技能可以做什么
- 注册 ScrollTrigger 插件
- 配置滚动触发器
- 滚动时固定元素
- 将进度连接到滚动
- 批量处理触发回调
- 集成自定义滚动容器
- 定义滚动回调
- 创建独立触发器
输入
- GSAP 和 ScrollTrigger 脚本
- 动画目标
- 滚动触发器配置
- 滚动容器
- 自定义滚动器 API
输出
- 滚动联动动画
- 固定的页面元素
- 批量执行的回调
- 滚动状态更新
要求
- JavaScript 运行环境
- 已加载 GSAP
- 已加载 ScrollTrigger
- 浏览器 DOM 和滚动环境