Capítulo 369 de 411

Chapter 369: ScrollTrigger.removeEventListener

Core Idea

Removes an event listener

Key Concepts

  • type: String

  • callback: Function

  • "scrollStart" - when any ScrollTrigger-related scroller begins scrolling
  • "scrollEnd" - when any ScrollTrigger-related scroller stops scrolling (when roughly 200ms elapses since the last "scroll" event AND the user doesn't have a pointer/mouse pressed on the document/scrollbar)
  • "refreshInit" - typically just after a resize occurs and BEFORE ScrollTrigger does all of its recalculating of start/end values in the [new] document flow. This will also happen when you call ScrollTrigger.refresh() directly.
  • "refresh" - immediately after ScrollTrigger finishes all of its recalculations of start/end values when a refresh occurs (typically after a resize event or when ScrollTrigger.refresh() is called directly).

Code Examples

ScrollTrigger.removeEventListener("scrollEnd", yourFunction);
  • What it demonstrates: typical usage of ScrollTrigger.removeEventListener in a GSAP animation.

Key Takeaways

  1. type: String

  2. callback: Function

  3. "scrollStart" - when any ScrollTrigger-related scroller begins scrolling
  4. "scrollEnd" - when any ScrollTrigger-related scroller stops scrolling (when roughly 200ms elapses since the last "scroll" event AND the…
  5. "refreshInit" - typically just after a resize occurs and BEFORE ScrollTrigger does all of its recalculating of start/end values in…

Connects To