跳过主要内容

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!")
);
无噪 Logo
无噪文档
中文文档 · 复刻官网
查看所有 ↗