跳过主要内容

ScrollTrigger.create

ScrollTrigger.create( vars:Object ) : ScrollTrigger

创建一个独立的 ScrollTrigger 实例

参数

  • vars: 对象

    一个包含 ScrollTrigger 所有配置细节的对象

返回值:ScrollTrigger

新的 ScrollTrigger 实例

细节

创建一个新的独立 ScrollTrigger 实例。你不需要将 ScrollTrigger 直接放入动画中(尽管这可能是最常见的用例)。通过独立的 ScrollTrigger,你可以接入丰富的回调系统来实现几乎任何功能。

示例

ScrollTrigger.create({
trigger: "#id",
start: "top top",
endTrigger: "#otherID",
end: "bottom 50%+=100px",
onToggle: (self) => console.log("toggled, isActive:", self.isActive),
onUpdate: (self) => {
console.log(
"progress:",
self.progress.toFixed(3),
"direction:",
self.direction,
"velocity",
self.getVelocity()
);
},
});
详细操作指南

配置(Configuration)

请参阅主 ScrollTrigger 页面。

无噪 Logo
无噪文档
中文文档 · 复刻官网
查看所有 ↗