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()
);
},
});
详细操作指南