Scroll Events

Vertical, horizontal, and threshold-based scroll event capture and debouncing.

Note: Scroll scenarios will scroll this page. The page needs to be tall enough for scroll events to fire.

Scroll Down >80px

Scroll

Scrolls the window down 500px — exceeds the 80px threshold to trigger capture.

Scroll event: direction "down", deltaY > 80, scrollY ~500

Scroll Up

Scroll

Scrolls down first, then back to top — captures upward scroll.

Scroll event: direction "up"

Horizontal Scroll

Scroll

Scrolls a wide container horizontally — tests horizontal direction detection.

Scroll event: direction "right" or "left"

Small Scroll <80px (No Capture)

Scroll

A tiny scroll that stays below the 80px threshold — should NOT produce an event.

NO scroll event (delta below 80px threshold)