Overscroll and Scrollend DOM events

Category: DOM
Type: New or changed feature
Status: In developer trial (Behind a flag) (Chrome 75)
Intent stage: Evaluate readiness to ship

Breaking change: No
Enterprise impact: None
Spec maturity: Working draft
Web Platform Tests: No

WPT details: No wpt yet. Currently there are 9 web_tests in third_party/blink/web_tests/fast/scrolling/events/ which will be converted to wpt tests.

Summary

Similar to scroll event, Chrome will send overscroll and scrollend DOM events.

Motivation

The overscroll and scrollend events will provide web developers a way to listen to the state of the scrolling and when their content is being overscrolled or when the scrolling has finished. This information will be useful for customization of effects such as overscroll affordance, pull to refresh, or history swipe navigations in the web apps.

Standards & signals

Specification: https://navidz.github.io/overscroll-scrollend-events/
Firefox: No signal
Safari: No signal
Web developers: No signals
Tracking bug: https://crbug.com/907601

Ecosystem

Web Platform Tests: https://wpt.fyi/results/?q=overscroll-and-scrollend-dom-events
Chrome Platform Showcase: https://chrome-platform-showcase.paulkinlan-ea.deno.net/features
GenDN reference: https://gendn.paulkinlan-ea.deno.net/features
chrome.dev demos search: https://www.google.com/search?q=site%3Achrome.dev+Overscroll%20and%20Scrollend%20DOM%20events
MDN Web Docs: https://developer.mozilla.org/en-US/search?q=Overscroll%20and%20Scrollend%20DOM%20events
Baseline status: https://webstatus.dev/?q=Overscroll%20and%20Scrollend%20DOM%20events

Docs: https://docs.google.com/document/d/1CJgCg7Y31v5MbO14RDHyBAa5Sf0ZnPVtZMiOFCNbgWc/edit?usp=sharing https://docs.google.com/document/d/1fwh0HHB_qRY9MOB8maiILYAxZ1HMGc33lOLPk0DdxpM/edit?usp=sharing

Explainers: https://github.com/w3c/csswg-drafts/issues/3801

View on chromestatus.com