跳过主要内容

.animation

.animation: 补间动画 | 时间轴 | 未定义

[只读] 与 ScrollTrigger 实例关联的Tween或者时间轴(如果有的话)。

返回值:Tween | Timeline | undefined

与 ScrollTrigger 关联的 Tween 或 Timeline(如果有的话)

细节

[只读] 与 ScrollTrigger 实例关联的Tween或者时间轴与 ScrollTrigger 实例关联的动画(如果有的话)。当然,ScrollTrigger 并不是必须关联任何动画,在这种情况下animation将是 undefined。

内嵌示例

let tween = gsap.to(".class", {
x: 100,
id: "example",
scrollTrigger: ".trigger",
});

console.log(ScrollTrigger.getById("example").animation); // tween

独立示例

let tween = gsap.to(".class", { x: 100 }),
st = ScrollTrigger.create({
trigger: ".trigger",
start: "top center",
end: "+=500",
animation: tween,
});

console.log(st.animation); // tween
无噪 Logo
无噪文档
中文文档 · 复刻官网
查看所有 ↗