overflow-anchor

Limited availability

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

overflow-anchor CSS 属性提供一种退出浏览器滚动锚定行为的方法，该行为会调整滚动位置以最大程度地减少内容偏移。

默认情况下，在任何支持滚动锚定行为的浏览器中都将其启用。因此，仅当你在文档或文档的一部分中遇到滚动锚定问题并且需要关闭行为时，才通常需要更改此属性的值。

语法

css
/* Keyword values */
overflow-anchor: auto;
overflow-anchor: none;

/* Global values */
overflow-anchor: inherit;
overflow-anchor: initial;
overflow-anchor: unset;

Values

auto

The element becomes a potential anchor when adjusting scroll position.

none

The element won't be selected as a potential anchor.

Formal syntax

overflow-anchor = 
  auto  |
  none

范例

To prevent scroll anchoring in a document, use the overflow-anchor property.

css
body {
  overflow-anchor: none;
}

规范

Specification
CSS Scroll Anchoring Module Level 1
# exclusion-api
初始值auto
适用元素所有元素
是否是继承属性否
计算值as specified
动画类型离散值

浏览器兼容性

BCD tables only load in the browser

See also