scroll-target-group | CSS CSS Properties

A new property that allows you to group multiple targets in a scroll container together. This helps the browser decide which element should be 'snapped' to when there are multiple potential choices.

Quick example

.group-container {
  /* Automatically group targets inside this container */
  scroll-target-group: auto;
}

Quick facts

Initial value

none

Inherited

Applies to

all elements

Animation type

discrete

Values

noneauto

scroll-target-group Browser Support

Limited availability 63% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

View on caniuse.com → View on MDN → View on webstatus.dev → Learn more about Baseline →

140+