scroll-initial-target | CSS CSS Properties

A property that tells the browser to automatically 'snap' to a specific element when the page first loads or when a container first appears.

Quick example

.important-section {
  /* Keeps this section centered in view when the container loads */
  scroll-initial-target: nearest;
}

Initial value

none

Inherited

Applies to

all elements

Animation type

notAnimatable

nonenearest

Limited availability 69% 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.

133+