Interactions
Controlling how the user interacts with the page.
Scroll SnapCompletion percentage: 85.9% (9875)Completion percentage: 85.9% (9875)
CSS Scroll Snap is a module of CSS that introduces scroll snap positions, which enforce the scroll positions that a scroll container’s scrollport may end at after a scrolling operation has completed.
2019
2020
| Have used it | |
| Know about it | |
| Never heard of it |
overscroll-behaviorCompletion percentage: 86.2% (9904)Completion percentage: 86.2% (9904)
The overscroll-behavior CSS property sets what a browser does when reaching the boundary of a scrolling area. It's a shorthand for overscroll-behavior-x and overscroll-behavior-y.
2019
2020
| Have used it | |
| Know about it | |
| Never heard of it |
My 2020 Pick: Jen Simmons' Layout Land
A series of YouTube videos that explain all the new cool CSS features to build modern designs.
Stéphanie Walter
overflow-anchorCompletion percentage: 86.1% (9895)Completion percentage: 86.1% (9895)
The overflow-anchor CSS property provides a way to opt out of the browser's scroll anchoring behavior, which adjusts scroll position to minimize content shifts.
2019
2020
| Have used it | |
| Know about it | |
| Never heard of it |
touch-actionCompletion percentage: 86.3% (9918)Completion percentage: 86.3% (9918)
The touch-action CSS property sets how an element's region can be manipulated by a touchscreen user (for example, by zooming features built into the browser).
2020
| Have used it | |
| Know about it | |
| Never heard of it |
pointer-eventsCompletion percentage: 86.6% (9957)Completion percentage: 86.6% (9957)
The pointer-events CSS property sets under what circumstances (if any) a particular graphic element can become the target of pointer events.
2020
| Have used it | |
| Know about it | |
| Never heard of it |