[csswg-drafts] [scroll-animations?] Proposal: Add overscroll gestures with ability to reveal elements (#12750)

vmpstr has just created a new issue for https://github.com/w3c/csswg-drafts:

== [scroll-animations?] Proposal: Add overscroll gestures with ability to reveal elements ==
This is an early proposal to get the conversations started.

### Explainer
https://github.com/vmpstr/htmldemos/blob/master/gestures/README.md

### Summary of the proposal

We're proposing to add several primitives to allow elements to anchor or attach to an edge of another element and set up automatic scroll-like behavior to allow the elements to come into view. It's somewhat similar to combining scroll-driven animations and anchor positioning, and introducing a scrolling and scroll snap point behavior to manipulate the elements.

From the explainer:

```css
.target {
  overscroll-anchor: --target;
}
.e {
  position: overscroll-anchor(--target, inline-start);
}
```

Causes the following:

<img width="475" height="430" alt="Image" src="https://github.com/user-attachments/assets/738d08ce-243c-419f-a39b-07d49ab76bea" />

And allows swipe / scroll gestures instead of triggering overscroll effects:

<img width="584" height="415" alt="Image" src="https://github.com/user-attachments/assets/a43f9f6b-b008-4bf5-a723-3806db267827" />

The explainer also goes into some options for overlaying _e_ on top of _target_ and other questions and whatnot. I was hoping to get some initial thoughts from the group on this direction.

/cc @flackr @noamr 

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12750 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Monday, 8 September 2025 14:52:30 UTC