Snap Events

[DavMila]

WebKittens

No response

Title of the spec

CSS Scroll Snap 2

URL to the spec

https://drafts.csswg.org/css-scroll-snap-2/#snap-events

URL to the spec's repository

https://github.com/w3c/csswg-drafts/tree/main/css-scroll-snap-2

Issue Tracker URL

No response

Explainer URL

No response

TAG Design Review URL

w3ctag/design-reviews#943

Mozilla standards-positions issue URL

mozilla/standards-positions#1008

WebKit Bugzilla URL

No response

Radar URL

No response

Description

CSS scroll snap points are often used as a mechanism to create scroll interactive "selection" components, giving authors control over what areas of its content a scrolling container can settle.This proposal adds 2 JavaScript events, snapchanging, and snapchanged, which fire in response to the scrolling/snapping of containers which snap.

snapchanging (explainer) is a JavaScript event that aims to let the web page know, as early as possible, that a scrolling operation will result in a change in the element the container being scrolled is snapped to.
snapchanged (explainer) is a JavaScript event that fires when a scrolling operation is complete and the scroller has snapped to a different element than it was previously snapped to.