overflow-anchor

A browser optimization that helps keep your scroll position steady when content is added to the page above where you're looking. It prevents the page from 'jumping' unexpectedly.

Quick example

.chat-window {
  /* Prevents the scroll position from jumping when new messages load */
  overflow-anchor: auto;
}

Quick facts

Initial value
auto
Inherited
No
Applies to
all elements
Animation type
discrete

Values

autonone

overflow-anchor Browser Support

Newly availableSince 202680% global usage

Since 2026 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Works in all modern browsers. May need a fallback for older browsers.

56+
66+
27+
79+
ESC