ScrollTrigger.addEventListener
ScrollTrigger.addEventListener( type:String, callback:Function ) : null
添加一个监听器以监听以下事件之一:"scrollStart"、"scrollEnd"、"refreshInit"、"revert"、"matchMedia" 或 "refresh",这些事件会在任意此类 ScrollTrigger 相关事件发生时全局派发(不绑定特定实例)。
参数
type:字符串
事件类型,可以是 "scrollStart"、"scrollEnd"、"refreshInit"、"revert"、"matchMedia" 或 "refresh"
callback: 函数
事件发生时调用的函数
细节
为以下任意事件添加监听器:
- "matchMedia"- 当 ScrollTrigger.matchMedia() 的断点被触发并执行完成后。
- "refreshInit"- 通常在调整大小之后在ScrollTrigger 在[新的]文档流中重新计算所有起始/结束值。当你直接调用ScrollTrigger.refresh()时也会触发此事件。
- "refresh"- 当 ScrollTrigger 完成对其所有起始/结束值的重新计算后立即触发(通常是在调整大小事件之后或当 ScrollTrigger.refresh() 被直接调用时)。
- "revert"- 当 ScrollTrigger 将页面恢复到原始状态时,在移除了所有的固定占位符等元素之后。这通常发生在 "refreshInit" 事件和 "refresh" 事件之间。
- "scrollStart"- 当任何一个与 ScrollTrigger 相关的滚动条开始滚动时
- "scrollEnd"- 当任何一个与 ScrollTrigger 相关的滚动条停止滚动时(在最后一次 "scroll" 事件大约 200 毫秒后 AND 用户没有在文档/滚动条上按下指针/鼠标的情况下)
这些事件会被触发全局范围内当任意此类 ScrollTrigger 相关事件发生时全局派发(不绑定特定实例)。
示例
ScrollTrigger.addEventListener("scrollEnd", () =>
console.log("scrolling ended!")
);